/*!
 * ress.css • v4.0.0
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  /* Prevent adjustments of font size after orientation changes in iOS */
  word-break: normal;
  -moz-tab-size: 4;
  tab-size: 4;
}

*,
::before,
::after {
  background-repeat: no-repeat;
  /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit;
  /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0;
  /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */
hr {
  overflow: visible;
  /* Show the overflow in Edge and IE */
  height: 0;
  /* Add the correct box sizing in Firefox */
  color: inherit;
  /* Correct border color in Firefox. */
}

details,
main {
  display: block;
  /* Render the `main` element consistently in IE. */
}

summary {
  display: list-item;
  /* Add the correct display in all browsers */
}

small {
  font-size: 80%;
  /* Set font-size to 80% in `small` elements */
}

[hidden] {
  display: none;
  /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: none;
  /* Remove the bottom border in Chrome 57 */
  /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari */
  text-decoration: underline;
  text-decoration: underline dotted;
}

a {
  background-color: transparent;
  /* Remove the gray background on active links in IE 10 */
}

a:active,
a:hover {
  outline-width: 0;
  /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* Specify the font family of code elements */
}

pre {
  font-size: 1em;
  /* Correct the odd `em` font sizing in all browsers */
}

b,
strong {
  font-weight: bolder;
  /* Add the correct font weight in Chrome, Edge, and Safari */
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  border-color: inherit;
  /* Correct border color in all Chrome, Edge, and Safari. */
  text-indent: 0;
  /* Remove text indentation in Chrome, Edge, and Safari */
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
  border-radius: 0;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
  /* Correct the cursor style of increment and decrement buttons in Chrome */
}

[type=search] {
  -webkit-appearance: textfield;
  /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px;
  /* Correct the outline style in Safari */
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  /* Remove the inner padding in Chrome and Safari on macOS */
}

textarea {
  overflow: auto;
  /* Internet Explorer 11+ */
  resize: vertical;
  /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold;
  /* Restore the font weight unset by the previous rule */
}

button {
  overflow: visible;
  /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

button,
select {
  text-transform: none;
  /* Firefox 40+, Internet Explorer 11- */
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  cursor: pointer;
  color: inherit;
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
}

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline-width: 0;
}

/* Style select like a standard input */
select {
  -moz-appearance: none;
  /* Firefox 36+ */
  -webkit-appearance: none;
  /* Chrome 41+ */
}

select::-ms-expand {
  display: none;
  /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor;
  /* Internet Explorer 11+ */
}

legend {
  border: 0;
  /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit;
  /* Correct the color inheritance from `fieldset` elements in IE */
  display: table;
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  /* Correct the text wrapping in Edge and IE */
  white-space: normal;
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  /* Correct the text wrapping in Edge 18- and IE */
}

::-webkit-file-upload-button {
  /* Correct the inability to style clickable types in iOS and Safari */
  -webkit-appearance: button;
  color: inherit;
  font: inherit;
  /* Change font properties to `inherit` in Chrome and Safari */
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  border-style: none;
  /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled=true] {
  cursor: default;
}

/* Custom properties
   ----------------------------------------------------------------- */
:root {
  --color-main: #2DACC3;
  --color-txt: #404040;
  --color-gray: #9D9D9D;
  --color-gray_2: #D2D2D2;
  --color-light-gray: #EFEFEF;
  --color-light-gray_2: #F3F3F3;
  --color-bg_hover: #D6F3F6;
  --font-red-hat-disp: "Red Hat Display", sans-serif;
  --box-shadow: 0 6px 12px rgba(0, 0, 0, .05);
  --box-shadow_2: 0 12px 24px rgba(0, 0, 0, .05);
  --box-shadow_3: 0 16px 32px rgba(0, 0, 0, .1);
  --cont-width_side: 230px;
  --cont-pad: 22px;
  --header-height: 52px;
  --thumb-ratio: 56.25%;
  --bdr-radius_round: 99px;
  --opacity_80: .8;
  --transition_ease: all .3s ease;
  --site-min-width: 1080px;
}

/* ==========================================================================
   Base（update）
   ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
  Layout（update）
  ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
  Element（update）
  ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
  Block（update）
  ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
   Page element
   ========================================================================== */
/* ****
  ----------------------------------------------------------------- */
/* ==========================================================================
  Page block
  ========================================================================== */
/* ****
  ----------------------------------------------------------------- */
/* ==========================================================================
   Unique
   ========================================================================== */
/* Chat
  ----------------------------------------------------------------- */
.un_chat {
  --chat-head-height: 81px;
  background-color: #FFF;
  height: calc(100svh - var(--header-height));
}
.un_chat .un_chat_head {
  position: sticky;
  top: 0;
  left: 0;
  height: var(--chat-head-height);
  background-color: #FFF;
  padding: 32px 40px 13px;
  border-bottom: 1px solid var(--color-gray_2);
  z-index: 1;
}
.un_chat .un_chat_heading {
  display: flex;
  align-items: center;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
}
.un_chat .un_chat_heading .__badge {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F16872;
  color: #FFF;
  min-width: 24px;
  height: 24px;
  padding: 4px 5.5px;
  margin-left: 10px;
  border-radius: 6px;
}
.un_chat .un_chat_heading .__badge .__num {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.1428;
  letter-spacing: 0.03em;
}
.un_chat .un_chat_body {
  display: flex;
  overflow: hidden;
}
.un_chat .un_chat_list {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  height: calc(100svh - var(--header-height) - var(--chat-head-height));
  overflow-y: scroll;
}
.un_chat .un_chat_list.-selected {
  width: 494px;
}
.un_chat .un_chat_list:not(.-selected) + .un_chat_detail {
  width: 0;
  overflow: hidden;
}
.un_chat .un_chat_detail {
  position: relative;
  flex-grow: 1;
  border-left: 1px solid var(--color-gray_2);
  height: calc(100svh - var(--header-height) - var(--chat-head-height));
  overflow-y: scroll;
}
.un_chat .un_chat_detailInner {
  padding: 32px 40px;
}

/* Chat list item
  ----------------------------------------------------------------- */
.un_chatListItem {
  display: flex;
  padding: 16px 37px;
  border-bottom: 1px solid var(--color-gray_2);
  overflow: hidden;
  cursor: pointer;
}
.un_chatListItem .un_chatListItem_iconUnit {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.un_chatListItem .un_chatListItem_iconWrapper {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  overflow: hidden;
}
.un_chatListItem .un_chatListItem_userNo {
  font-size: 12px;
  margin-top: 4px;
  letter-spacing: 0;
}
.un_chatListItem .un_chatListItem_body {
  position: relative;
  min-width: 0;
  margin-left: 17px;
}
.un_chatListItem .un_chatListItem_userInfo {
  display: flex;
  margin-bottom: 3px;
}
.un_chatListItem .un_chatListItem_userName {
  font-size: 18px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.un_chatListItem .un_chatListItem_userMeta {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  font-size: 13px;
  margin-left: 8px;
}
.un_chatListItem .un_chatListItem_badge {
  flex-shrink: 0;
  align-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F16872;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.4166;
  color: #FFF;
  padding: 2px 6.5px;
  margin-left: 12px;
  border-radius: 6px;
  letter-spacing: -0.04em;
  transform: translateY(-1px);
}
.un_chatListItem .un_chatListItem_ttl {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 3px;
}
.un_chatListItem .un_chatListItem_txt {
  font-size: 13px;
  line-height: 1.4615;
  color: var(--color-gray);
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.un_chatListItem.-alreadyRead {
  background-color: var(--color-light-gray_2);
}
.un_chatListItem.-selected {
  background-color: #D6F3F6;
}
.un_chatListItem:hover {
  background-color: #D6F3F6;
}

/* Custom properties
   ----------------------------------------------------------------- */
:root {
  --color-main: #2DACC3;
  --color-txt: #404040;
  --color-gray: #9D9D9D;
  --color-gray_2: #D2D2D2;
  --color-light-gray: #EFEFEF;
  --color-light-gray_2: #F3F3F3;
  --color-bg_hover: #D6F3F6;
  --font-red-hat-disp: "Red Hat Display", sans-serif;
  --box-shadow: 0 6px 12px rgba(0, 0, 0, .05);
  --box-shadow_2: 0 12px 24px rgba(0, 0, 0, .05);
  --box-shadow_3: 0 16px 32px rgba(0, 0, 0, .1);
  --cont-width_side: 230px;
  --cont-pad: 22px;
  --header-height: 52px;
  --thumb-ratio: 56.25%;
  --bdr-radius_round: 99px;
  --opacity_80: .8;
  --transition_ease: all .3s ease;
  --site-min-width: 1080px;
}

/* ==========================================================================
   Base（update）
   ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
  Layout（update）
  ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
  Element（update）
  ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
  Block（update）
  ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
   Page element
   ========================================================================== */
/* Dashboard badge
  ----------------------------------------------------------------- */
.pe_dbBadge {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #5190E5;
  color: #FFF;
  min-width: 26px;
  height: 28px;
  padding: 4px 6px;
  border-radius: 6px;
}
.pe_dbBadge .__num {
  font-size: 14px;
  line-height: 1.1428;
  letter-spacing: 0.03em;
  transform: translateY(0.5px);
}
.pe_dbBadge .__plus {
  font-size: 11px;
  align-self: flex-start;
  margin-right: -2px;
  margin-left: 0.5px;
  letter-spacing: 0;
  transform: translateY(-1.5px);
}
.pe_dbBadge.-bgRed {
  background-color: #F16872;
  height: 26px;
}

/* ==========================================================================
  Page block
  ========================================================================== */
/* ****
  ----------------------------------------------------------------- */
/* ==========================================================================
   Unique
   ========================================================================== */
/* Dashboard side menu
  ----------------------------------------------------------------- */
.un_dbSideMenu {
  background-color: #FFF;
  height: calc(100vh - var(--header-height));
  box-shadow: var(--box-shadow_2);
}
.un_dbSideMenu .un_dbSideMenu_inner {
  position: relative;
}
.un_dbSideMenu .un_dbSideMenu_body {
  position: relative;
  padding: 24px 0;
}
.un_dbSideMenu .un_dbSideMenu_list {
  position: relative;
}
.un_dbSideMenu .un_dbSideMenu_itemWrapper {
  position: relative;
}
.un_dbSideMenu .un_dbSideMenu_item {
  display: block;
  padding-left: 6px;
}
.un_dbSideMenu .un_dbSideMenu_item:hover {
  opacity: 1;
}
.un_dbSideMenu .un_dbSideMenu_item:not(.-hasSubList):hover .un_dbSideMenu_itemBody {
  background-color: var(--color-bg_hover);
  color: var(--color-main);
}
.un_dbSideMenu .un_dbSideMenu_item:not(.-hasSubList):hover .un_dbSideMenu_itemBody.-top::before {
  background-image: url(/assets/recruit/icon_menu/icon_top_active-5d301f874d04e4e83b7aa2152f606c9abb89579eda28e22fbc24a7aa86bd2c3d.svg);
}
.un_dbSideMenu .un_dbSideMenu_item:not(.-hasSubList):hover .un_dbSideMenu_itemBody.-job::before {
  background-image: url(/assets/recruit/icon_menu/icon_job_active-1130a78312dca745d78216ac4632130a1e40794319caf3f6f5579308e5a023ca.svg);
}
.un_dbSideMenu .un_dbSideMenu_item:not(.-hasSubList):hover .un_dbSideMenu_itemBody.-message::before {
  background-image: url(/assets/recruit/icon_menu/icon_message_active-fd1db84f892dd63c2518f40c9c92c4b2cbc647354624270fbd1a6c8cb3d2b140.svg);
}
.un_dbSideMenu .un_dbSideMenu_item:not(.-hasSubList):hover .un_dbSideMenu_itemBody.-candidate::before {
  background-image: url(/assets/recruit/icon_menu/icon_candidate_active-7796c825b335564b646d518571277666b79a22bc2bc0bb602517a6b5b6d54bf2.svg);
}
.un_dbSideMenu .un_dbSideMenu_item:not(.-hasSubList):hover .un_dbSideMenu_itemBody.-inst::before {
  background-image: url(/assets/recruit/icon_menu/icon_inst_active-0ed17ca1c095c8816d95d22387dd2876077c5f97068f8204a71610e538bc0883.svg);
}
.un_dbSideMenu .un_dbSideMenu_item:not(.-hasSubList):hover .un_dbSideMenu_itemBody.-analy::before {
  background-image: url(/assets/recruit/icon_menu/icon_analy_active-15edda9b1d4264f391cf12735107ee889aa00afc65cbf8a69028f193326790d8.svg);
}
.un_dbSideMenu .un_dbSideMenu_item.-hasSubList.is_active .un_dbSideMenu_itemBody {
  color: var(--color-main);
}
.un_dbSideMenu .un_dbSideMenu_item.-hasSubList.is_active .un_dbSideMenu_itemBody.-scout::before {
  background-image: url(/assets/recruit/icon_menu/icon_scout_active-79de33008ad1520d0c8ceeccae9ef33fca0ccec36334c47e9ae2ee3baff212ba.svg);
}
.un_dbSideMenu .un_dbSideMenu_item.-hasSubList.is_active + .un_dbSideMenu_subList {
  display: block;
}
.un_dbSideMenu .un_dbSideMenu_item.-hasSubList.is_active .un_dbSideMenu_tglBtn {
  background-image: url(/assets/recruit/icon/icon_minus-a2890eda3e863a43ee60a50d1df8209a1f09242e812911855d4477cb6077a7ff.svg);
}
.un_dbSideMenu .un_dbSideMenu_item.-current .un_dbSideMenu_itemBody {
  background-color: var(--color-bg_hover);
  color: var(--color-main);
}
.un_dbSideMenu .un_dbSideMenu_itemBody {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 13.5px 15px 13.5px 17px;
  height: 46px;
  letter-spacing: 0.03em;
  border-radius: var(--bdr-radius_round) 0 0 var(--bdr-radius_round);
}
.un_dbSideMenu .un_dbSideMenu_itemBody .__txt {
  font-size: 13px;
}
.un_dbSideMenu .un_dbSideMenu_itemBody .__txt:not(:last-child) {
  width: 85px;
  margin-right: 9px;
}
.un_dbSideMenu .un_dbSideMenu_itemBody::before {
  display: block;
  content: "";
  background-size: contain;
  background-position: center;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
.un_dbSideMenu .un_dbSideMenu_itemBody.-top::before {
  background-image: url(/assets/recruit/icon_menu/icon_top-49f26291c747c4c86c4bb2a938ccfc826cb25a473c5a8200268090427c1c63d7.svg);
}
.un_dbSideMenu .un_dbSideMenu_itemBody.-job::before {
  background-image: url(/assets/recruit/icon_menu/icon_job-b15730f73f0f2b98802b971ad4a864b8b97334de66b1c4e7333805e80a37ba96.svg);
}
.un_dbSideMenu .un_dbSideMenu_itemBody.-scout::before {
  background-image: url(/assets/recruit/icon_menu/icon_scout-fe02c0980b8aae2320d06571e38c7e98bc90bd1bd5de13b385c30f645db6af43.svg);
}
.un_dbSideMenu .un_dbSideMenu_itemBody.-message::before {
  background-image: url(/assets/recruit/icon_menu/icon_message-227b45d7818e932e7adc593bde060c72015db1578b92d216acd970a987290917.svg);
}
.un_dbSideMenu .un_dbSideMenu_itemBody.-candidate::before {
  background-image: url(/assets/recruit/icon_menu/icon_candidate-028741ed8ad0135add6d4869d5f1ce1bfc9cdc7d5e4d38a0cb3cbd12f52f3e79.svg);
}
.un_dbSideMenu .un_dbSideMenu_itemBody.-inst::before {
  background-image: url(/assets/recruit/icon_menu/icon_inst-bb1d83c9835f5a5b36bb3405182b11e08bccdbf95f35c5be710fd14bca416f03.svg);
}
.un_dbSideMenu .un_dbSideMenu_itemBody.-analy::before {
  background-image: url(/assets/recruit/icon_menu/icon_analy-1c3edde0a65b0a5409bf3d09ce039ca560d94ca4d07d6681c056f1d93fac8303.svg);
}
.un_dbSideMenu .un_dbSideMenu_itemBody.-account::before {
  background-image: url(/assets/recruit/icon_menu/icon_account-233d42ad970f57f48f253f3796abd96abece25c2b6e94b79d06f1d47bb290a7a.svg);
}
.un_dbSideMenu .un_dbSideMenu_tglBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(/assets/recruit/icon/icon_plus-fa69423c8462c16ff0116dcf5e65f7659bcea1c4da06afdca059b43a507dadba.svg);
  background-size: 14px;
  background-position: center;
  width: 28px;
  height: 28px;
  margin-left: auto;
  margin-right: 0;
}
.un_dbSideMenu .un_dbSideMenu_subList {
  display: none;
}
.un_dbSideMenu .un_dbSideMenu_subList .un_dbSideMenu_item {
  padding-left: 23px;
}
.un_dbSideMenu .un_dbSideMenu_subList .un_dbSideMenu_itemBody {
  padding-left: 33px;
}
.un_dbSideMenu .un_dbSideMenu_subList .un_dbSideMenu_itemBody::before {
  display: none;
}

/* Dashboard main
  ----------------------------------------------------------------- */
.un_dbMain {
  padding: 32px 40px;
}
.un_dbMain .un_dbMain_body {
  position: relative;
}
.un_dbMain .un_dbMain_unit + .un_dbMain_unit {
  margin-top: 26px;
}
.un_dbMain .un_dbMain_unitHeading {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  letter-spacing: 0.03em;
}
.un_dbMain .un_dbMain_unitCont {
  box-shadow: var(--box-shadow_2);
  border-radius: 10px;
  overflow: hidden;
}
.un_dbMain .un_dbMain_unitCont.-statusCont {
  box-shadow: inherit;
  overflow: inherit;
}

/* Dashboard main status
  ----------------------------------------------------------------- */
.un_dbMainStatus .un_dbMainStatus_body {
  display: flex;
  align-items: center;
  gap: 12px;
}
.un_dbMainStatus .un_dbMainStatus_item {
  flex-basis: 100%;
  background-color: #FFF;
  border-radius: 10px;
  box-shadow: var(--box-shadow_2);
}
.un_dbMainStatus .un_dbMainStatus_item.-unconfirmed {
  background-color: #FFECEC;
}
.un_dbMainStatus .un_dbMainStatus_item.-unconfirmed .un_dbMainStatus_itemLbl::after {
  display: block;
  content: "";
  background-color: #F16872;
  width: 9px;
  height: 9px;
  margin-left: 7px;
  border-radius: var(--bdr-radius_round);
  transform: translateY(3.5px);
}
.un_dbMainStatus .un_dbMainStatus_item.-unconfirmed .un_dbMainStatus_itemCount {
  color: #F16872;
}
.un_dbMainStatus .un_dbMainStatus_itemInner {
  display: block;
  padding: 22px 32px 25px;
}
.un_dbMainStatus .un_dbMainStatus_itemInner:hover {
  opacity: inherit;
  background-color: #d6f3f6;
}
.un_dbMainStatus .un_dbMainStatus_itemLbl {
  display: flex;
  align-items: flex-start;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.03em;
}
.un_dbMainStatus .un_dbMainStatus_itemCount {
  display: flex;
  align-items: flex-start;
  font-family: var(--font-red-hat-disp);
  font-weight: bold;
}
.un_dbMainStatus .un_dbMainStatus_itemCount .__num {
  font-size: 36px;
  line-height: 1;
}
.un_dbMainStatus .un_dbMainStatus_itemCount .__plus {
  font-size: 26px;
  line-height: 1;
  transform: translateY(-2.5px);
}

/* Dashboard main scout
  ----------------------------------------------------------------- */
.un_dbMainScout {
  background-color: #FFF;
}
.un_dbMainScout .un_dbMainScout_body {
  display: flex;
  justify-content: flex-start;
}
.un_dbMainScout .un_dbMainScout_link {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  color: var(--color-main);
  line-height: 1.5;
  letter-spacing: 0.03em;
  padding: 31px 32px;
  width: 100%;
}
.un_dbMainScout .un_dbMainScout_link:hover {
  opacity: inherit;
  background-color: #d6f3f6;
}
.un_dbMainScout .un_dbMainScout_link::before {
  display: block;
  content: "";
  background-image: url(/assets/recruit/icon_dashboard/icon_scout_active-ea1302026ced27cf54dfbc9e5be41c407f0b82bb8efaee7dfc84448428357cfa.svg);
  background-size: contain;
  background-position: center;
  width: 20px;
  height: 14px;
  margin-right: 7px;
}

/* Dashboard main recruit
  ----------------------------------------------------------------- */
.un_dbMainRecruit {
  background-color: #FFF;
}
.un_dbMainRecruit .un_dbMainRecruit_list .bl_recruitCard {
  box-shadow: none;
  border-radius: inherit;
}
.un_dbMainRecruit .un_dbMainRecruit_list .bl_recruitCard:not(:last-child) {
  border-bottom: 1px solid var(--color-gray_2);
}
.un_dbMainRecruit .un_dbMainRecruit_list .bl_recruitCard .bl_recruitCard_infoItem .__dt {
  font-weight: bold;
}
.un_dbMainRecruit .un_dbMainRecruit_btnWrapper {
  position: relative;
  border-top: 1px solid var(--color-gray_2);
}
.un_dbMainRecruit .un_dbMainRecruit_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 15px;
  font-weight: bold;
  padding: 16.5px 10px;
  letter-spacing: 0.02em;
}
.un_dbMainRecruit .un_dbMainRecruit_btn:hover {
  opacity: inherit;
  background-color: #d6f3f6;
}
.un_dbMainRecruit .un_dbMainRecruit_btn::before {
  display: block;
  content: "";
  background-image: url(/assets/recruit/icon/icon_plus-fa69423c8462c16ff0116dcf5e65f7659bcea1c4da06afdca059b43a507dadba.svg);
  background-size: contain;
  background-position: center;
  width: 14px;
  height: 14px;
  margin-right: 8px;
}

/* Dashboard main notice
  ----------------------------------------------------------------- */
.un_dbMainNotice {
  background-color: #FFF;
}
.un_dbMainNotice .un_dbMainNotice_list {
  position: relative;
}
.un_dbMainNotice .un_dbMainNotice_item {
  position: relative;
}
.un_dbMainNotice .un_dbMainNotice_item:not(:last-child) {
  border-bottom: 1px solid var(--color-gray_2);
}
.un_dbMainNotice .un_dbMainNotice_link {
  display: flex;
  align-items: center;
  padding: 17px 32px;
}
.un_dbMainNotice .un_dbMainNotice_link:hover {
  opacity: inherit;
  background-color: #d6f3f6;
}
.un_dbMainNotice .un_dbMainNotice_link::before {
  flex-shrink: 0;
  display: block;
  content: "";
  background-image: url(/assets/recruit/icon_dashboard/icon_notice_active-583eed8c1e01f4bc2a1de7e2a7b6297bbc2a7af6af728d73ce8a6db14110158f.svg);
  background-size: contain;
  background-position: center;
  width: 12px;
  height: 10px;
  margin-right: 8px;
}
.un_dbMainNotice .un_dbMainNotice_link .__txt {
  font-size: 14px;
  line-height: 1.4285;
  color: var(--color-main);
  letter-spacing: 0.03em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Custom properties
   ----------------------------------------------------------------- */
:root {
  --color-main: #2DACC3;
  --color-txt: #404040;
  --color-gray: #9D9D9D;
  --color-gray_2: #D2D2D2;
  --color-light-gray: #EFEFEF;
  --color-light-gray_2: #F3F3F3;
  --color-bg_hover: #D6F3F6;
  --font-red-hat-disp: "Red Hat Display", sans-serif;
  --box-shadow: 0 6px 12px rgba(0, 0, 0, .05);
  --box-shadow_2: 0 12px 24px rgba(0, 0, 0, .05);
  --box-shadow_3: 0 16px 32px rgba(0, 0, 0, .1);
  --cont-width_side: 230px;
  --cont-pad: 22px;
  --header-height: 52px;
  --thumb-ratio: 56.25%;
  --bdr-radius_round: 99px;
  --opacity_80: .8;
  --transition_ease: all .3s ease;
  --site-min-width: 1080px;
}

/* ==========================================================================
   Base（update）
   ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
  Layout（update）
  ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
  Element（update）
  ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
  Block（update）
  ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
   Page element
   ========================================================================== */
/* ****
  ----------------------------------------------------------------- */
/* ==========================================================================
  Page block
  ========================================================================== */
/* ****
  ----------------------------------------------------------------- */
/* ==========================================================================
   Unique
   ========================================================================== */
/* Recruit flow
  ----------------------------------------------------------------- */
.un_recruitFlow .un_recruitFlow_head {
  background: #FFF;
  padding: 32px 40px;
}
.un_recruitFlow .un_recruitFlow_heading {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.4285;
  margin-bottom: 10px;
}
.un_recruitFlow .un_recruitFlow_headTxt {
  font-size: 14px;
  line-height: 1.4285;
}
.un_recruitFlow .un_recruitFlow_condUnit {
  display: flex;
  gap: 12px;
}
.un_recruitFlow .un_recruitFlow_condLbl {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4285;
  margin-bottom: 4px;
}
.un_recruitFlow .un_recruitFlow_condItem {
  flex-grow: 1;
  flex-basis: 100%;
  max-width: 259px;
}
.un_recruitFlow .un_recruitFlow_selectBoxWrapper {
  position: relative;
  background-color: #FFF;
  max-width: 100%;
  border: 1px solid var(--color-gray);
  border-radius: 5px;
}
.un_recruitFlow .un_recruitFlow_selectBoxWrapper::after {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  right: 15px;
  background-color: var(--color-main);
  width: 12px;
  height: 11px;
  pointer-events: none;
  transform: translateY(calc(-50% + 1px));
  clip-path: polygon(50% 70%, 0% 0%, 100% 0%);
}
.un_recruitFlow .un_recruitFlow_selectBox {
  width: 100%;
  font-size: 14px;
  padding: 13px 13px;
  line-height: 1;
  letter-spacing: 0.03em;
}
.un_recruitFlow .un_recruitFlow_selectBox:invalid {
  color: #AEAEAE;
}
.un_recruitFlow .un_recruitFlow_searchBtn {
  align-self: flex-end;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-main);
  min-width: 99px;
  color: #FFF;
  padding: 9px 10px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  margin-left: 4px;
  border-radius: 6px;
}
.un_recruitFlow .un_recruitFlow_searchBtn::before {
  display: block;
  content: "";
  background-image: url(/assets/recruit/icon/icon_search_white-ac57926c916b767781909d72672eb360f5eb19c2576a7bb939d3cb887e4b75cd.svg);
  background-size: contain;
  width: 17px;
  height: 16px;
  margin-right: 4px;
}
.un_recruitFlow .un_recruitFlow_body {
  position: relative;
  padding: 26px 40px 32px;
  overflow: hidden;
}
.un_recruitFlow .un_recruitFlow_body.-scrolled .un_recruitFlow_userNum {
  opacity: 0;
}
.un_recruitFlow .un_recruitFlow_bodyInner {
  display: flex;
}
.un_recruitFlow .un_recruitFlow_userNum {
  display: flex;
  align-items: baseline;
  gap: 2px;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  letter-spacing: 0.03em;
  transition: opacity 0.3s ease;
}
.un_recruitFlow .un_recruitFlow_userNum .__num {
  font-family: var(--font-red-hat-disp);
  font-size: 30px;
  line-height: 1;
  transform: translateY(0.5px);
}
.un_recruitFlow .un_recruitFlow_userNum .__unit {
  font-size: 16px;
  line-height: 1.45;
  transform: translateY(0px);
}
.un_recruitFlow .un_recruitFlow_list {
  flex-shrink: 0;
  background-color: #FFF;
  border-right: 1px solid var(--color-gray_2);
  overflow-y: scroll;
  overflow-x: hidden;
  transition: height 0.3s ease;
}
.un_recruitFlow .un_recruitFlow_list.-selected {
  width: 430px;
}
.un_recruitFlow .un_recruitFlow_list.-selected .un_recruitFlowListItem {
  padding-right: 28px;
}
.un_recruitFlow .un_recruitFlow_list.-selected .un_recruitFlowListItem .un_recruitFlowListItem_body {
  margin-right: 0;
}
.un_recruitFlow .un_recruitFlow_list.-selected .un_recruitFlowListItem .un_recruitFlowListItem_status .__txt {
  display: none;
}
.un_recruitFlow .un_recruitFlow_list.-selected .un_recruitFlowListItem .un_recruitFlowListItem_btnWrapper {
  display: none;
}
.un_recruitFlow .un_recruitFlow_list.-selected + .un_recruitFlow_detail {
  width: 0;
  overflow: hidden;
}
.un_recruitFlow .un_recruitFlow_list:not(.-selected) {
  width: 100%;
  border: none;
}
.un_recruitFlow .un_recruitFlow_list:not(.-selected) + .un_recruitFlow_detail {
  width: 0;
  overflow: hidden;
}
.un_recruitFlow .un_recruitFlow_detail {
  flex-grow: 1;
  background-color: #FFF;
  transition: height 0.3s ease;
}

/* Recruit flow list item
  ----------------------------------------------------------------- */
.un_recruitFlowListItem {
  display: flex;
  padding: 23px 32px 22px 29px;
  border-bottom: 1px solid var(--color-gray_2);
  cursor: pointer;
}
.un_recruitFlowListItem.-selected {
  background-color: #D6F3F6;
}
.un_recruitFlowListItem .un_recruitFlowListItem_iconUnit {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 17px;
}
.un_recruitFlowListItem .un_recruitFlowListItem_iconWrapper {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  overflow: hidden;
}
.un_recruitFlowListItem .un_recruitFlowListItem_userNo {
  font-size: 12px;
  line-height: 1.1666;
  margin-top: 4px;
  letter-spacing: 0;
}
.un_recruitFlowListItem .un_recruitFlowListItem_body {
  position: relative;
  min-width: 0;
  max-width: 632px;
  margin-right: 16px;
}
.un_recruitFlowListItem .un_recruitFlowListItem_status {
  display: flex;
  align-items: baseline;
  margin-right: -159px;
  margin-bottom: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.un_recruitFlowListItem .un_recruitFlowListItem_status .__lbl {
  display: flex;
  align-items: center;
  background-color: var(--color-gray_2);
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  padding: 3px 10px 2px;
  margin-right: 12px;
  border-radius: var(--bdr-radius_round);
}
.un_recruitFlowListItem .un_recruitFlowListItem_status .__lbl.-bgBlue {
  background-color: #596ADE;
  color: #FFF;
}
.un_recruitFlowListItem .un_recruitFlowListItem_status .__lbl.-bgPurple {
  background-color: #A75EDE;
  color: #FFF;
}
.un_recruitFlowListItem .un_recruitFlowListItem_status .__lbl.-bgPink {
  background-color: #EF6FC8;
  color: #FFF;
}
.un_recruitFlowListItem .un_recruitFlowListItem_status .__lbl.-bgRed {
  background-color: #F24747;
  color: #FFF;
}
.un_recruitFlowListItem .un_recruitFlowListItem_status .__lbl.-bgOrange {
  background-color: #F18D1A;
  color: #FFF;
}
.un_recruitFlowListItem .un_recruitFlowListItem_status .__lbl.-bgYellow {
  background-color: #F2AC07;
  color: #FFF;
}
.un_recruitFlowListItem .un_recruitFlowListItem_status .__txt {
  flex-shrink: 0;
  font-size: 13px;
  line-height: 1;
}
.un_recruitFlowListItem .un_recruitFlowListItem_status .__txt + .__txt {
  margin-left: 10px;
}
.un_recruitFlowListItem .un_recruitFlowListItem_userInfo {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.un_recruitFlowListItem .un_recruitFlowListItem_userName {
  flex-shrink: 0;
  max-width: 7em;
  font-size: 18px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.un_recruitFlowListItem .un_recruitFlowListItem_userMeta {
  flex-shrink: 1;
  font-size: 13px;
  margin-left: 8px;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transform: translateY(2px);
}
.un_recruitFlowListItem .un_recruitFlowListItem_txt {
  font-size: 14px;
  line-height: 1.4285;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.un_recruitFlowListItem .un_recruitFlowListItem_txt .__val {
  font-weight: bold;
}
.un_recruitFlowListItem .un_recruitFlowListItem_txt + .un_recruitFlowListItem_txt {
  margin-top: 4px;
}
.un_recruitFlowListItem .un_recruitFlowListItem_btnWrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-left: auto;
}
.un_recruitFlowListItem .un_recruitFlowListItem_btn {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5714;
  border: 1px solid var(--color-main);
  background-color: #FFF;
  color: var(--color-main);
  width: 143px;
  padding: 7px 7px;
  border-radius: 6px;
}
.un_recruitFlowListItem .un_recruitFlowListItem_btn:hover {
  background-color: #D6F3F6;
}

/* Recruit flow tab
  ----------------------------------------------------------------- */
.un_recruitFlowTab {
  --list-height: 48px;
  position: relative;
  height: 100%;
}
.un_recruitFlowTab .un_recruitFlowTab_list {
  position: sticky;
  top: 0;
  left: 0;
  display: flex;
  border-bottom: 1px solid var(--color-gray_2);
  padding: 0 32px;
}
.un_recruitFlowTab .un_recruitFlowTab_item {
  flex-basis: 100%;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4285;
  padding: 18px 6px 10px;
  color: var(--color-gray);
  cursor: pointer;
}
.un_recruitFlowTab .un_recruitFlowTab_item.is_active {
  color: inherit;
  box-shadow: 0 -4px 0 var(--color-main) inset;
}
.un_recruitFlowTab .un_recruitFlowTab_item:hover {
  opacity: 1;
}
.un_recruitFlowTab .un_recruitFlowTab_body {
  height: calc(100% - var(--list-height));
}
.un_recruitFlowTab .un_recruitFlowTab_cont {
  height: 100%;
}
.un_recruitFlowTab .un_recruitFlowTab_cont:not(.is_active) {
  display: none;
}
.un_recruitFlowTab .un_recruitFlowTab_message {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.un_recruitFlowTab .un_recruitFlowTab_message .bl_chatSend {
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 15px;
  transform: translateY(-1px);
}
.un_recruitFlowTab .un_recruitFlowTab_message .bl_chatSend .bl_chatSend_selectionResult {
  margin-top: 6px;
}
.un_recruitFlowTab .un_recruitFlowTab_message .bl_chatSend .bl_chatSend_selectionBtn .__lbl {
  width: 118px;
}
.un_recruitFlowTab .un_recruitFlowTab_messageBody {
  height: 100%;
  padding: 32px 32px;
  overflow-y: scroll;
}
.un_recruitFlowTab .un_recruitFlowTab_userDetail {
  height: 100%;
  overflow-y: scroll;
}
.un_recruitFlowTab .un_recruitFlowTab_userDetailBody {
  padding: 24px 32px 32px;
}
.un_recruitFlowTab .un_recruitFlowTab_userDetailBody .bl_userDetail .bl_userDetail_listHeading {
  font-size: 18px;
  line-height: 1.4444;
  margin-bottom: 8px;
}
.un_recruitFlowTab .un_recruitFlowTab_userDetailBody .bl_userDetail .bl_userDetail_listHeading .__subTxt {
  font-size: 13px;
}
.un_recruitFlowTab .un_recruitFlowTab_userDetailBody .bl_userDetail .bl_userDetail_listHeading:not(:first-of-type) {
  margin-top: 20px;
}
.un_recruitFlowTab .un_recruitFlowTab_userDetailBody .bl_userDetail .bl_userDetail_body {
  padding-bottom: 0;
}
.un_recruitFlowTab .un_recruitFlowTab_userDetailBody .bl_userDetail .bl_userDetail_listRow {
  gap: 30px;
}
.un_recruitFlowTab .un_recruitFlowTab_userDetailBody .bl_userDetail .bl_userDetail_listRow.-listRowExperience {
  gap: 24px;
}
.un_recruitFlowTab .un_recruitFlowTab_userDetailBody .bl_userDetail .bl_userDetail_listRow + .bl_userDetail_listRow {
  margin-top: 16px;
}
.un_recruitFlowTab .un_recruitFlowTab_userDetailBody .bl_userDetail .bl_userDetail_listItem .__lbl {
  font-size: 13px;
}
.un_recruitFlowTab .un_recruitFlowTab_userDetailBody .bl_userDetail .bl_userDetail_listItem .__val {
  font-size: 14px;
}
.un_recruitFlowTab .un_recruitFlowTab_userDetailBody .bl_userDetail .bl_userDetail_listItem .__valGrp {
  font-size: 14px;
  gap: 16px;
}
.un_recruitFlowTab .un_recruitFlowTab_userDetailBody .bl_userDetail .bl_userDetail_listItem .__txt {
  font-size: 14px;
}
.un_recruitFlowTab .un_recruitFlowTab_userDetailBody .bl_userDetail .bl_userDetail_listItem.-itemPeriod {
  margin-right: 10px;
}
.un_recruitFlowTab .un_recruitFlowTab_userDetailBody .bl_userDetail .bl_userDetail_career .__careerItem::after {
  top: 7px;
}
.un_recruitFlowTab .un_recruitFlowTab_userDetailBody .bl_userDetail .bl_userDetail_career .__careerItem:first-of-type::after {
  top: 5.5px;
}
.un_recruitFlowTab .un_recruitFlowTab_userDetailBody .bl_userDetail .bl_userDetail_career .__careerCurrent {
  font-size: 14px;
}
.un_recruitFlowTab .un_recruitFlowTab_userDetailBody .bl_userDetail .bl_userDetail_career .__careerLbl {
  font-size: 19px;
  margin-right: 12px;
}
.un_recruitFlowTab .un_recruitFlowTab_userDetailBody .bl_userDetail .bl_userDetail_career .__careerUnit {
  font-size: 13px;
}
.un_recruitFlowTab .un_recruitFlowTab_userDetailBody .bl_userDetail .bl_userDetail_career .__careerTxt {
  font-size: 14px;
}

/* Custom properties
   ----------------------------------------------------------------- */
:root {
  --color-main: #2DACC3;
  --color-txt: #404040;
  --color-gray: #9D9D9D;
  --color-gray_2: #D2D2D2;
  --color-light-gray: #EFEFEF;
  --color-light-gray_2: #F3F3F3;
  --color-bg_hover: #D6F3F6;
  --font-red-hat-disp: "Red Hat Display", sans-serif;
  --box-shadow: 0 6px 12px rgba(0, 0, 0, .05);
  --box-shadow_2: 0 12px 24px rgba(0, 0, 0, .05);
  --box-shadow_3: 0 16px 32px rgba(0, 0, 0, .1);
  --cont-width_side: 230px;
  --cont-pad: 22px;
  --header-height: 52px;
  --thumb-ratio: 56.25%;
  --bdr-radius_round: 99px;
  --opacity_80: .8;
  --transition_ease: all .3s ease;
  --site-min-width: 1080px;
}

/* ==========================================================================
   Base（update）
   ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
  Layout（update）
  ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
  Element（update）
  ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
  Block（update）
  ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
   Page element
   ========================================================================== */
/* ****
  ----------------------------------------------------------------- */
/* ==========================================================================
  Page block
  ========================================================================== */
/* ****
  ----------------------------------------------------------------- */
/* ==========================================================================
   Unique
   ========================================================================== */
/* Recruit manage
  ----------------------------------------------------------------- */
.un_recruitManage .un_recruitManage_head {
  background: #FFF;
  padding: 32px 40px;
}
.un_recruitManage .un_recruitManage_heading {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.4285;
  margin-bottom: 10px;
}
.un_recruitManage .un_recruitManage_headTxt {
  font-size: 14px;
  line-height: 1.4285;
}
.un_recruitManage .un_recruitManage_condUnit {
  display: flex;
  gap: 12px;
}
.un_recruitManage .un_recruitManage_condLbl {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4285;
  margin-bottom: 4px;
}
.un_recruitManage .un_recruitManage_condItem {
  flex-grow: 1;
  flex-basis: 100%;
  max-width: 259px;
}
.un_recruitManage .un_recruitManage_selectBoxWrapper {
  position: relative;
  background-color: #FFF;
  max-width: 100%;
  border: 1px solid var(--color-gray);
  border-radius: 5px;
}
.un_recruitManage .un_recruitManage_selectBoxWrapper::after {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  right: 15px;
  background-color: var(--color-main);
  width: 12px;
  height: 11px;
  pointer-events: none;
  transform: translateY(calc(-50% + 1px));
  clip-path: polygon(50% 70%, 0% 0%, 100% 0%);
}
.un_recruitManage .un_recruitManage_selectBox {
  width: 100%;
  font-size: 14px;
  padding: 13px 13px;
  line-height: 1;
  letter-spacing: 0.03em;
}
.un_recruitManage .un_recruitManage_selectBox:invalid {
  color: #AEAEAE;
}
.un_recruitManage .un_recruitManage_searchBtn {
  align-self: flex-end;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-main);
  min-width: 99px;
  color: #FFF;
  padding: 9px 10px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  margin-left: 4px;
  border-radius: 6px;
}
.un_recruitManage .un_recruitManage_searchBtn::before {
  display: block;
  content: "";
  background-image: url(/assets/recruit/icon/icon_search_white-ac57926c916b767781909d72672eb360f5eb19c2576a7bb939d3cb887e4b75cd.svg);
  background-size: contain;
  width: 17px;
  height: 16px;
  margin-right: 4px;
}
.un_recruitManage .un_recruitManage_body {
  position: relative;
  padding: 26px 40px 32px;
  overflow: hidden;
}
.un_recruitManage .un_recruitManage_body.-scrolled .un_recruitManage_userNum {
  opacity: 0;
}
.un_recruitManage .un_recruitManage_bodyInner {
  display: flex;
}
.un_recruitManage .un_recruitManage_userNum {
  display: flex;
  align-items: baseline;
  gap: 2px;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  letter-spacing: 0.03em;
  transition: opacity 0.3s ease;
}
.un_recruitManage .un_recruitManage_userNum .__num {
  font-family: var(--font-red-hat-disp);
  font-size: 30px;
  line-height: 1;
  transform: translateY(2px);
}
.un_recruitManage .un_recruitManage_userNum .__unit {
  font-size: 16px;
  line-height: 1.45;
  transform: translateY(0px);
}
.un_recruitManage .un_recruitManage_list {
  flex-shrink: 0;
  background-color: #FFF;
  border-right: 1px solid var(--color-gray_2);
  overflow-y: scroll;
  transition: height 0.3s ease;
}
.un_recruitManage .un_recruitManage_list.-selected {
  width: 430px;
}
.un_recruitManage .un_recruitManage_list.-selected .un_recruitManageListItem {
  padding-right: 28px;
}
.un_recruitManage .un_recruitManage_list.-selected .un_recruitManageListItem .un_recruitManageListItem_body {
  margin-right: 0;
}
.un_recruitManage .un_recruitManage_list.-selected .un_recruitManageListItem .un_recruitManageListItem_status .__txt {
  display: none;
}
.un_recruitManage .un_recruitManage_list.-selected .un_recruitManageListItem .un_recruitManageListItem_btnWrapper {
  display: none;
}
.un_recruitManage .un_recruitManage_list.-selected + .un_recruitManage_detail {
  width: 0;
  overflow: hidden;
}
.un_recruitManage .un_recruitManage_list:not(.-selected) {
  width: 100%;
  border: none;
}
.un_recruitManage .un_recruitManage_list:not(.-selected) + .un_recruitManage_detail {
  width: 0;
  overflow: hidden;
}
.un_recruitManage .un_recruitManage_detail {
  flex-grow: 1;
  background-color: #FFF;
  transition: height 0.3s ease;
}

/* Recruit manage list item
  ----------------------------------------------------------------- */
.un_recruitManageListItem {
  position: relative;
  display: flex;
  padding: 22px 32px 22px 36px;
  border-bottom: 1px solid var(--color-gray_2);
  cursor: default;
}
.un_recruitManageListItem .un_recruitManageListItem_body {
  position: relative;
  width: 100%;
  min-width: 0;
  margin-right: 39px;
}
.un_recruitManageListItem .un_recruitManageListItem_status {
  display: flex;
  align-items: center;
  gap: 8px;
}
.un_recruitManageListItem .un_recruitManageListItem_status .un_recruitManageListItem_statusLabel {
  font-size: 12px;
  color: #7B7B7B;
  font-weight: 500;
  margin-right: 4px;
}
.un_recruitManageListItem .un_recruitManageListItem_status .un_recruitManageListItem_statusValue {
  display: inline-block;
  padding: 2px 12px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: bold;
  background-color: #596ADE;
  color: #FFF;
}
.un_recruitManageListItem .un_recruitManageListItem_status .un_recruitManageListItem_statusValue.is-draft {
  background-color: #F16872;
}
.un_recruitManageListItem .un_recruitManageListItem_status .un_recruitManageListItem_statusValue.is-open {
  background-color: var(--color-main);
}
.un_recruitManageListItem .un_recruitManageListItem_status .un_recruitManageListItem_statusValue.is-closed {
  background-color: #7B7B7B;
  color: #FFF;
}
.un_recruitManageListItem .un_recruitManageListItem_status .un_recruitManageListItem_statusValue.is-applying {
  background-color: #F1BE15;
  color: #FFF;
}
.un_recruitManageListItem .un_recruitManageListItem_status .un_recruitManageListItem_statusValue.is-editing {
  background-color: #7B7B7B;
  color: #FFF;
}
.un_recruitManageListItem .un_recruitManageListItem_ttl {
  font-size: 15px;
  font-weight: 500;
  color: #404040;
  margin-top: 12px;
  margin-bottom: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.un_recruitManageListItem .un_recruitManageListItem_txt {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
}
.un_recruitManageListItem .un_recruitManageListItem_txt .un_recruitManageListItem_labelBlock {
  display: flex;
  align-items: center;
  min-width: 90px;
  flex-shrink: 0;
  gap: 4px;
}
.un_recruitManageListItem .un_recruitManageListItem_txt .un_recruitManageListItem_iconWrapper {
  display: flex;
  align-items: center;
}
.un_recruitManageListItem .un_recruitManageListItem_txt .un_recruitManageListItem_icon {
  width: 18px;
  height: 18px;
  margin-right: 2px;
  flex-shrink: 0;
}
.un_recruitManageListItem .un_recruitManageListItem_txt .__lbl {
  /* 必要に応じて追加スタイル */
}
.un_recruitManageListItem .un_recruitManageListItem_txt .__val {
  color: var(--color-main);
  font-weight: bold;
}
.un_recruitManageListItem .un_recruitManageListItem_meta {
  position: absolute;
  top: 10px;
  right: 20px;
  display: flex;
  gap: 18px;
  font-size: 12px;
  color: #7B7B7B;
  z-index: 2;
}
.un_recruitManageListItem .un_recruitManageListItem_meta .un_recruitManageListItem_metaItem {
  display: flex;
  align-items: center;
  gap: 2px;
}
.un_recruitManageListItem .un_recruitManageListItem_meta .un_recruitManageListItem_metaValue {
  color: #404040;
  margin-left: 2px;
}
.un_recruitManageListItem .un_recruitManageListItem_btnWrapper {
  padding-top: 21px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  margin-left: auto;
}
.un_recruitManageListItem .un_recruitManageListItem_btn {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5714;
  border: 1px solid var(--color-main);
  background-color: #FFF;
  color: var(--color-main);
  width: 143px;
  padding: 7px 7px;
  border-radius: 6px;
}
.un_recruitManageListItem .un_recruitManageListItem_btn:hover {
  background-color: #D6F3F6;
  opacity: 1;
}
.un_recruitManageListItem .un_recruitManageListItem_btn.-fill {
  background-color: var(--color-main);
  color: #FFF;
}
.un_recruitManageListItem .un_recruitManageListItem_btn.-fill:hover {
  opacity: 0.6;
}
.un_recruitManageListItem .un_recruitManageListItem_btn.-preview {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--color-main);
  border-radius: 6px;
  font-size: 12px;
  font-weight: bold;
  padding: 7px 12px;
}
.un_recruitManageListItem .un_recruitManageListItem_btn.-preview .un_recruitManageListItem_btnIcon {
  display: flex;
  align-items: center;
  margin-right: 4px;
}
.un_recruitManageListItem .un_recruitManageListItem_btn.-preview .un_recruitManageListItem_btnIcon .un_recruitManageListItem_btnIconImg {
  width: 18px;
  height: 18px;
  display: block;
}
.un_recruitManageListItem .un_recruitManageListItem_btn.-preview:hover {
  background: #E0F7FA;
  opacity: 1;
}
.un_recruitManageListItem .un_recruitManageListItem_btn.-edit {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--color-main);
  border-radius: 6px;
  font-size: 12px;
  font-weight: bold;
  padding: 7px 12px;
}
.un_recruitManageListItem .un_recruitManageListItem_btn.-edit .un_recruitManageListItem_btnIcon {
  display: flex;
  align-items: center;
  margin-right: 4px;
}
.un_recruitManageListItem .un_recruitManageListItem_btn.-edit .un_recruitManageListItem_btnIcon .un_recruitManageListItem_btnIconImg {
  width: 16px;
  height: 16px;
  display: block;
}
.un_recruitManageListItem .un_recruitManageListItem_btn.-edit:hover {
  background: #E0F7FA;
  opacity: 1;
}
.un_recruitManageListItem .un_recruitManageListItem_jobName {
  color: var(--color-main);
}
.un_recruitManageListItem .un_recruitManageListItem_employmentStyle {
  color: #404040;
  margin-left: 2px;
}
.un_recruitManageListItem .un_recruitManageListItem_statusAction {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 6px;
  padding: 7px 12px;
}
.un_recruitManageListItem .un_recruitManageListItem_statusAction.-active {
  background: #F5F5F5;
  border: 1px solid #DDDDDD;
  color: #888888;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.2s;
}
.un_recruitManageListItem .un_recruitManageListItem_statusAction.-active:hover {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
}
.un_recruitManageListItem .un_recruitManageListItem_statusAction.-active .un_recruitManageListItem_statusActionText {
  color: #888888;
}
.un_recruitManageListItem .un_recruitManageListItem_statusAction.-inactive {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 6px;
  padding: 7px 12px;
  background: #EEF8FA;
  border: 1px solid #D7EBEF;
  color: #9D9D9D;
  cursor: default;
}
.un_recruitManageListItem .un_recruitManageListItem_statusAction.-inactive:hover {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
}
.un_recruitManageListItem .un_recruitManageListItem_statusAction.-inactive .un_recruitManageListItem_statusActionText {
  color: #9D9D9D;
}
.un_recruitManageListItem .un_recruitManageListItem_statusAction.-inactive form {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}
.un_recruitManageListItem .un_recruitManageListItem_statusAction.-inactive button[type=submit] {
  all: unset;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
}
.un_recruitManageListItem .un_recruitManageListItem_statusAction .un_recruitManageListItem_statusActionIcon {
  display: flex;
  align-items: center;
  margin-right: 4px;
}
.un_recruitManageListItem .un_recruitManageListItem_statusAction .un_recruitManageListItem_statusActionIcon .un_recruitManageListItem_statusActionIconImg {
  width: 16px;
  height: 16px;
  display: block;
}

/* Modal（募集終了）
  ----------------------------------------------------------------- */
.bl_modal.close-recruitment-modal {
  position: fixed !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  left: 0;
  right: 0;
  margin: auto !important;
  width: 480px !important;
  min-width: auto !important;
  height: 200px !important;
  background-color: #FFECEC;
  border-radius: 16px;
  box-shadow: 0px 22px 48px 0px rgba(0, 0, 0, 0.1), 0px 88px 88px 0px rgba(0, 0, 0, 0.09), 0px 198px 119px 0px rgba(0, 0, 0, 0.05), 0px 352px 141px 0px rgba(0, 0, 0, 0.01), 0px 550px 154px 0px rgba(0, 0, 0, 0);
}
.bl_modal.close-recruitment-modal .bl_modal_body {
  height: 100%;
  padding: 24px 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.bl_modal.close-recruitment-modal .un_modal_header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
}
.bl_modal.close-recruitment-modal .un_modal_icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.bl_modal.close-recruitment-modal .un_modal_icon img {
  width: 20px;
  height: 20px;
}
.bl_modal.close-recruitment-modal .un_modal_title {
  color: #F16872;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  text-align: left;
}
.bl_modal.close-recruitment-modal .un_modal_body {
  display: flex;
  justify-content: center;
  align-self: stretch;
  gap: 8px;
}
.bl_modal.close-recruitment-modal .un_modal_text {
  color: #404040;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.6;
  width: 100%;
}
.bl_modal.close-recruitment-modal .un_modal_footer {
  display: flex;
  gap: 8px;
}
.bl_modal.close-recruitment-modal .un_modal_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 12px 32px;
  border-radius: 4px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  line-height: 1.6;
  cursor: pointer;
  border: none;
}
.bl_modal.close-recruitment-modal .un_modal_btn.-close {
  background-color: #F06772;
  color: #FFFFFF;
  font-weight: 700;
}
.bl_modal.close-recruitment-modal .un_modal_btn.-close .un_modal_btnIcon {
  width: 16px;
  height: 16px;
}
.bl_modal.close-recruitment-modal .un_modal_btn.-cancel {
  background-color: #FFFFFF;
  color: #404040;
  font-weight: 500;
}

.bl_modalCover,
.bl_modal {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.bl_modalCover.is_active,
.bl_modal.is_active {
  opacity: 1;
  visibility: visible;
}

.bl_modalCover.close-recruitment-modal-cover {
  background-color: rgba(0, 0, 0, 0.5);
}

.un_recruitManageListItem_statusAction.-active,
.un_recruitManageListItem_statusAction.-inactive {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 6px;
  padding: 7px 12px;
  margin: 0;
  border: 1px solid;
  background: inherit;
}
.un_recruitManageListItem_statusAction.-active form,
.un_recruitManageListItem_statusAction.-inactive form {
  display: contents;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}
.un_recruitManageListItem_statusAction.-active button[type=submit],
.un_recruitManageListItem_statusAction.-inactive button[type=submit] {
  all: unset;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
}

/* Custom properties
   ----------------------------------------------------------------- */
:root {
  --color-main: #2DACC3;
  --color-txt: #404040;
  --color-gray: #9D9D9D;
  --color-gray_2: #D2D2D2;
  --color-light-gray: #EFEFEF;
  --color-light-gray_2: #F3F3F3;
  --color-bg_hover: #D6F3F6;
  --font-red-hat-disp: "Red Hat Display", sans-serif;
  --box-shadow: 0 6px 12px rgba(0, 0, 0, .05);
  --box-shadow_2: 0 12px 24px rgba(0, 0, 0, .05);
  --box-shadow_3: 0 16px 32px rgba(0, 0, 0, .1);
  --cont-width_side: 230px;
  --cont-pad: 22px;
  --header-height: 52px;
  --thumb-ratio: 56.25%;
  --bdr-radius_round: 99px;
  --opacity_80: .8;
  --transition_ease: all .3s ease;
  --site-min-width: 1080px;
}

/* ==========================================================================
   Base（update）
   ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
  Layout（update）
  ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
  Element（update）
  ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
  Block（update）
  ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
   Page element
   ========================================================================== */
/* ****
  ----------------------------------------------------------------- */
/* ==========================================================================
  Page block
  ========================================================================== */
/* ****
  ----------------------------------------------------------------- */
/* ==========================================================================
   Unique
   ========================================================================== */
/* Scout recruit info
  ----------------------------------------------------------------- */
.un_scoutRecruitInfo .un_scoutRecruitInfo_head {
  background: #FFF;
  padding: 32px 40px;
}
.un_scoutRecruitInfo .un_scoutRecruitInfo_heading {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.4285;
}
.un_scoutRecruitInfo .un_scoutRecruitInfo_headTxt {
  font-size: 14px;
  line-height: 1.4285;
}
.un_scoutRecruitInfo .un_scoutRecruitInfo_body {
  padding: 32px 40px;
}

/* Custom properties
   ----------------------------------------------------------------- */
:root {
  --color-main: #2DACC3;
  --color-txt: #404040;
  --color-gray: #9D9D9D;
  --color-gray_2: #D2D2D2;
  --color-light-gray: #EFEFEF;
  --color-light-gray_2: #F3F3F3;
  --color-bg_hover: #D6F3F6;
  --font-red-hat-disp: "Red Hat Display", sans-serif;
  --box-shadow: 0 6px 12px rgba(0, 0, 0, .05);
  --box-shadow_2: 0 12px 24px rgba(0, 0, 0, .05);
  --box-shadow_3: 0 16px 32px rgba(0, 0, 0, .1);
  --cont-width_side: 230px;
  --cont-pad: 22px;
  --header-height: 52px;
  --thumb-ratio: 56.25%;
  --bdr-radius_round: 99px;
  --opacity_80: .8;
  --transition_ease: all .3s ease;
  --site-min-width: 1080px;
}

/* ==========================================================================
   Base（update）
   ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
  Layout（update）
  ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
  Element（update）
  ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
  Block（update）
  ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
   Page element
   ========================================================================== */
/* ****
  ----------------------------------------------------------------- */
/* ==========================================================================
  Page block
  ========================================================================== */
/* ****
  ----------------------------------------------------------------- */
/* ==========================================================================
   Unique
   ========================================================================== */
/* Scout user detail modal
  ----------------------------------------------------------------- */
.un_scoutUserDetailModal .un_scoutUserDetailModal_heading {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.7083;
  padding: 19px 32px 17px;
  border-bottom: 1px solid var(--color-gray_2);
  letter-spacing: 0.03em;
}
.un_scoutUserDetailModal .un_scoutUserDetailModal_body {
  display: flex;
  max-height: calc(100svh - 80px - 78px);
  padding: 30px 40px 40px;
  overflow-y: scroll;
}
.un_scoutUserDetailModal .un_scoutUserDetailModal_iconUnit {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 28px;
}
.un_scoutUserDetailModal .un_scoutUserDetailModal_iconWrapper {
  width: 102px;
  height: 102px;
  border-radius: var(--bdr-radius_round);
}
.un_scoutUserDetailModal .un_scoutUserDetailModal_userNo {
  font-size: 15px;
  line-height: 1.2;
  margin-top: 1px;
}
.un_scoutUserDetailModal .un_scoutUserDetailModal_cont {
  flex-grow: 1;
}

/* Custom properties
   ----------------------------------------------------------------- */
:root {
  --color-main: #2DACC3;
  --color-txt: #404040;
  --color-gray: #9D9D9D;
  --color-gray_2: #D2D2D2;
  --color-light-gray: #EFEFEF;
  --color-light-gray_2: #F3F3F3;
  --color-bg_hover: #D6F3F6;
  --font-red-hat-disp: "Red Hat Display", sans-serif;
  --box-shadow: 0 6px 12px rgba(0, 0, 0, .05);
  --box-shadow_2: 0 12px 24px rgba(0, 0, 0, .05);
  --box-shadow_3: 0 16px 32px rgba(0, 0, 0, .1);
  --cont-width_side: 230px;
  --cont-pad: 22px;
  --header-height: 52px;
  --thumb-ratio: 56.25%;
  --bdr-radius_round: 99px;
  --opacity_80: .8;
  --transition_ease: all .3s ease;
  --site-min-width: 1080px;
}

/* ==========================================================================
   Base（update）
   ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
  Layout（update）
  ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
  Element（update）
  ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
  Block（update）
  ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
   Page element
   ========================================================================== */
/* ****
  ----------------------------------------------------------------- */
/* ==========================================================================
  Page block
  ========================================================================== */
/* Search user tab
  ----------------------------------------------------------------- */
.pb_scoutedUserTab .pb_scoutedUserTab_head {
  background-color: #fff;
  padding: 32px 40px 0;
}
.pb_scoutedUserTab .pb_scoutedUserTab_heading {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.4285;
}
.pb_scoutedUserTab .pb_scoutedUserTab_list {
  display: flex;
  align-items: flex-end;
}
.pb_scoutedUserTab .pb_scoutedUserTab_item {
  flex-basis: 25%;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  padding: 20px 10px;
  color: var(--color-gray);
}
.pb_scoutedUserTab .pb_scoutedUserTab_item:hover {
  opacity: 1;
}
.pb_scoutedUserTab .pb_scoutedUserTab_item.is_active {
  box-shadow: 0 -4px 0 var(--color-main) inset;
  color: inherit;
}
.pb_scoutedUserTab .pb_scoutedUserTab_body {
  padding: 32px 40px;
}
.pb_scoutedUserTab .pb_scoutedUserTab_cont:not(.is_active) {
  display: none;
}

/* ==========================================================================
   Unique
   ========================================================================== */
/* Recruit flow
  ----------------------------------------------------------------- */
.un_scoutedUserResult_head {
  background: #fff;
  padding: 32px 40px;
}

.un_scoutedUserResult_heading {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.4285;
  margin-bottom: 10px;
}

.un_scoutedUserResult_headTxt {
  font-size: 14px;
  line-height: 1.4285;
}

.un_scoutedUserResult_condUnit {
  display: flex;
  gap: 12px;
}

.un_scoutedUserResult_condLbl {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4285;
  margin-bottom: 4px;
}

.un_scoutedUserResult_condItem {
  flex-grow: 1;
  flex-basis: 100%;
  max-width: 259px;
}

.un_scoutedUserResult_selectBoxWrapper {
  position: relative;
  background-color: #fff;
  max-width: 100%;
  border: 1px solid var(--color-gray);
  border-radius: 5px;
}
.un_scoutedUserResult_selectBoxWrapper::after {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  right: 15px;
  background-color: var(--color-main);
  width: 12px;
  height: 11px;
  pointer-events: none;
  transform: translateY(calc(-50% + 1px));
  clip-path: polygon(50% 70%, 0% 0%, 100% 0%);
}

.un_scoutedUserResult_selectBox {
  width: 100%;
  font-size: 14px;
  padding: 13px 13px;
  line-height: 1;
  letter-spacing: 0.03em;
}
.un_scoutedUserResult_selectBox:invalid {
  color: #aeaeae;
}

.un_scoutedUserResult_searchBtn {
  align-self: flex-end;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-main);
  min-width: 99px;
  color: #fff;
  padding: 9px 10px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  margin-left: 4px;
  border-radius: 6px;
}
.un_scoutedUserResult_searchBtn::before {
  display: block;
  content: "";
  background-image: url(/assets/recruit/icon/icon_search_white-ac57926c916b767781909d72672eb360f5eb19c2576a7bb939d3cb887e4b75cd.svg);
  background-size: contain;
  width: 17px;
  height: 16px;
  margin-right: 4px;
}

.un_scoutedUserResult_body {
  position: relative;
  padding: 26px 40px 32px;
  overflow: hidden;
}
.un_scoutedUserResult_body.-scrolled .un_scoutedUserResult_userNum {
  opacity: 0;
}

.un_scoutedUserResult_bodyInner {
  display: flex;
}

.un_scoutedUserResult_userNum {
  display: flex;
  align-items: baseline;
  gap: 2px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.03em;
  transition: opacity 0.3s ease;
}
.un_scoutedUserResult_userNum .__num {
  font-family: var(--font-red-hat-disp);
  font-size: 30px;
  line-height: 1;
  transform: translateY(0.5px);
}
.un_scoutedUserResult_userNum .__unit {
  font-size: 16px;
  line-height: 1.45;
  transform: translateY(0px);
}

.un_scoutedUserResult_list {
  flex-shrink: 0;
  background-color: #fff;
  border-right: 1px solid var(--color-gray_2);
  overflow-y: scroll;
  overflow-x: hidden;
  transition: height 0.3s ease;
}
.un_scoutedUserResult_list.-selected {
  width: 430px;
}
.un_scoutedUserResult_list.-selected .un_scoutedUserResultListItem {
  padding-right: 28px;
}
.un_scoutedUserResult_list.-selected .un_scoutedUserResultListItem .un_scoutedUserResultListItem_body {
  margin-right: 0;
}
.un_scoutedUserResult_list.-selected .un_scoutedUserResultListItem .un_scoutedUserResultListItem_status .__txt {
  display: none;
}
.un_scoutedUserResult_list.-selected .un_scoutedUserResultListItem .un_scoutedUserResultListItem_btnWrapper {
  display: none;
}
.un_scoutedUserResult_list.-selected + .un_scoutedUserResult_detail {
  width: 0;
  overflow: hidden;
}
.un_scoutedUserResult_list:not(.-selected) {
  width: 100%;
  border: none;
}
.un_scoutedUserResult_list:not(.-selected) + .un_scoutedUserResult_detail {
  width: 0;
  overflow: hidden;
}

.un_scoutedUserResult_detail {
  flex-grow: 1;
  background-color: #fff;
  transition: height 0.3s ease;
}

/* scouted user tab
  ----------------------------------------------------------------- */
.pb_scoutedUserSelectCond {
  background-color: #fff;
}
.pb_scoutedUserSelectCond .pb_scoutedUserSelectCond_form {
  position: relative;
}
.pb_scoutedUserSelectCond .pb_scoutedUserSelectCond_form input[type=text] {
  background-color: #fff;
  border: 1px solid #aeaeae;
  font-size: 14px;
  line-height: 1.5714;
  padding: 10px 13px;
  border-radius: 5px;
}
.pb_scoutedUserSelectCond .pb_scoutedUserSelectCond_formBody {
  padding: 15px 32px 0;
}
.pb_scoutedUserSelectCond .pb_scoutedUserSelectCond_formBodyInner {
  position: relative;
}
.pb_scoutedUserSelectCond .pb_scoutedUserSelectCond_formItem {
  display: flex;
  align-items: flex-start;
  padding: 16px 16px;
}
.pb_scoutedUserSelectCond .pb_scoutedUserSelectCond_formItem:nth-of-type(2n) {
  background-color: var(--color-light-gray_2);
}
.pb_scoutedUserSelectCond .pb_scoutedUserSelectCond_formItemRow {
  display: flex;
  gap: 10px;
}
.pb_scoutedUserSelectCond .pb_scoutedUserSelectCond_formItemRow + .pb_scoutedUserSelectCond_formItemRow {
  margin-top: 10px;
}
.pb_scoutedUserSelectCond .pb_scoutedUserSelectCond_formItemRow .__age {
  display: flex;
  align-items: center;
  font-size: 0;
}
.pb_scoutedUserSelectCond .pb_scoutedUserSelectCond_formItemRow .__age input[type=text] {
  width: 136px;
}
.pb_scoutedUserSelectCond .pb_scoutedUserSelectCond_formItemRow .__ageUnit {
  font-size: 14px;
  line-height: 1.5714;
  margin-left: 4px;
}
.pb_scoutedUserSelectCond .pb_scoutedUserSelectCond_formItemRow .__ageFromToTxt {
  font-size: 14px;
  line-height: 1.5714;
  margin: auto 6px;
}
.pb_scoutedUserSelectCond .pb_scoutedUserSelectCond_formItemRow .__careerYear {
  font-size: 0;
}
.pb_scoutedUserSelectCond .pb_scoutedUserSelectCond_formItemRow .__careerYear input[type=text] {
  width: 114px;
}
.pb_scoutedUserSelectCond .pb_scoutedUserSelectCond_formItemRow .__careerUnit {
  font-size: 14px;
  line-height: 1.5714;
  margin-left: 4px;
}
.pb_scoutedUserSelectCond .pb_scoutedUserSelectCond_formLbl {
  width: 88px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  margin-right: 16px;
  margin-top: 10px;
  flex-shrink: 0;
}
.pb_scoutedUserSelectCond .pb_scoutedUserSelectCond_formLbl.-alineSelfCenter {
  margin-bottom: inherit;
  margin-top: 5px;
}
.pb_scoutedUserSelectCond .pb_scoutedUserSelectCond_selectBoxWrapper {
  position: relative;
  background-color: #fff;
  width: 229px;
  max-width: 100%;
  border: 1px solid var(--color-gray);
  border-radius: 5px;
}
.pb_scoutedUserSelectCond .pb_scoutedUserSelectCond_selectBoxWrapper::after {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  right: 15px;
  background-color: var(--color-main);
  width: 12px;
  height: 11px;
  pointer-events: none;
  transform: translateY(calc(-50% + 1px));
  clip-path: polygon(50% 70%, 0% 0%, 100% 0%);
}
.pb_scoutedUserSelectCond .pb_scoutedUserSelectCond_selectBox {
  width: 100%;
  font-size: 14px;
  padding: 14px 13px;
  line-height: 1;
  letter-spacing: 0.03em;
}
.pb_scoutedUserSelectCond .pb_scoutedUserSelectCond_selectBox:invalid {
  color: #aeaeae;
}
.pb_scoutedUserSelectCond .pb_scoutedUserSelectCond_addFormItemRowBtnWrapper {
  margin-top: 10px;
}
.pb_scoutedUserSelectCond .pb_scoutedUserSelectCond_addFormItemRowBtn {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 1.4285;
  color: var(--color-main);
}
.pb_scoutedUserSelectCond .pb_scoutedUserSelectCond_addFormItemRowBtn::before {
  flex-shrink: 0;
  display: block;
  content: "";
  background-image: url(/assets/recruit/icon_search_user/icon_plus_green-958d9d4d0611e89c56b05f7d153090318f734c4b6a107451981657394c850ef2.svg);
  background-size: 12px;
  width: 12px;
  height: 12px;
  margin-right: 4px;
}
.pb_scoutedUserSelectCond .pb_scoutedUserSelectCond_formFoot {
  position: relative;
  border-top: 1px solid var(--color-gray_2);
  padding: 0 40px 24px;
}
.pb_scoutedUserSelectCond .pb_scoutedUserSelectCond_searchBtnWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px;
}
.pb_scoutedUserSelectCond .pb_scoutedUserSelectCond_searchBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-main);
  width: 198px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  line-height: 1.5;
  padding: 12px 24px;
  letter-spacing: 0.03em;
  border-radius: 6px;
}
.pb_scoutedUserSelectCond .pb_scoutedUserSelectCond_searchBtn::before {
  display: block;
  content: "";
  background-image: url(/assets/recruit/icon_search_user/icon_search_white-c3e66b92f6233c285ac4f534849f6bdf202ffd7028a5cfeb982b46991b3c1a1c.svg);
  background-size: contain;
  width: 17px;
  height: 16px;
  margin-right: 3px;
}

/* Search user checkbox
  ----------------------------------------------------------------- */
.pb_scoutedUserCheckbox_wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.pb_scoutedUserCheckbox input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
.pb_scoutedUserCheckbox input[type=checkbox]:checked + .pb_scoutedUserCheckbox_lbl {
  background-color: var(--color-main);
  border-color: var(--color-main);
  font-weight: bold;
  color: #fff;
}
.pb_scoutedUserCheckbox .pb_scoutedUserCheckbox_lbl {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: 1px solid var(--color-gray_2);
  font-size: 14px;
  line-height: 1.5714;
  padding: 4.5px 15.5px;
  border-radius: var(--bdr-radius_round);
  cursor: pointer;
}

/* ==========================================================================
   Unique
   ========================================================================== */
/* Search user result
  ----------------------------------------------------------------- */
.un_scoutedUserResult {
  position: relative;
}
.un_scoutedUserResult .un_scoutedUserResult_head {
  background: #fff;
  padding: 32px 40px;
}
.un_scoutedUserResult .un_scoutedUserResult_heading {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.4285;
  margin-bottom: 10px;
}
.un_scoutedUserResult .un_scoutedUserResult_queryLblWrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.un_scoutedUserResult .un_scoutedUserResult_queryLbl {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
}
.un_scoutedUserResult .un_scoutedUserResult_queryChange {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 1.4285;
  color: var(--color-main);
  margin-left: 16px;
}
.un_scoutedUserResult .un_scoutedUserResult_queryChange::before {
  display: block;
  content: "";
  background-image: url(/assets/recruit/icon/icon_pen_green-8aa52399b617c51623764f2ed3905188a3fae6addd38849e9bb61c3dc7f3e92f.svg);
  background-size: contain;
  width: 18px;
  height: 18px;
  margin-right: 4px;
  transform: translateY(-1px);
}
.un_scoutedUserResult .un_scoutedUserResult_queryList {
  display: flex;
  flex-direction: column;
  gap: 4px;
  border: 1px solid var(--color-gray_2);
  padding: 16px 24px;
  border-radius: 6px;
}
.un_scoutedUserResult .un_scoutedUserResult_queryItem {
  display: flex;
  font-size: 15px;
  line-height: 1.4285;
}
.un_scoutedUserResult .un_scoutedUserResult_queryItem .__dt {
  position: relative;
  display: flex;
  justify-content: flex-end;
  min-width: 91px;
  padding-right: 14px;
}
.un_scoutedUserResult .un_scoutedUserResult_queryItem .__dt::after {
  position: absolute;
  display: block;
  content: "：";
  top: 0;
  right: 0;
}
.un_scoutedUserResult .un_scoutedUserResult_queryItem .__dd {
  font-weight: bold;
}
.un_scoutedUserResult .un_scoutedUserResult_body {
  padding: 32px 40px;
}
.un_scoutedUserResult .un_scoutedUserResult_ctrlUnit {
  display: flex;
  align-items: flex-end;
}
.un_scoutedUserResult .un_scoutedUserResult_ctrlUnit .bl_pageNav_wrapper {
  margin-left: auto;
  margin-bottom: 2px;
}
.un_scoutedUserResult .un_scoutedUserResult_userNum {
  display: flex;
  align-items: baseline;
  gap: 2px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.03em;
}
.un_scoutedUserResult .un_scoutedUserResult_userNum:not(:last-child) {
  margin-bottom: 8px;
}
.un_scoutedUserResult .un_scoutedUserResult_userNum .__num {
  font-family: var(--font-red-hat-disp);
  font-size: 30px;
  line-height: 1;
  transform: translateY(0.5px);
}
.un_scoutedUserResult .un_scoutedUserResult_userNum .__unit {
  font-size: 16px;
  line-height: 1.45;
  transform: translateY(0px);
}
.un_scoutedUserResult .un_scoutedUserResult_ctrlBtnWrapper {
  display: flex;
  gap: 8px;
}
.un_scoutedUserResult .un_scoutedUserResult_ctrlBtn {
  display: flex;
  align-items: center;
  background-color: #fff;
  font-size: 13px;
  line-height: 1.7692;
  padding: 7px 15px 6.5px 11px;
  border: 1px solid var(--color-gray_2);
  letter-spacing: 0.03em;
  border-radius: 6px;
}
.un_scoutedUserResult .un_scoutedUserResult_ctrlBtn::before {
  display: block;
  content: "";
  background-size: contain;
  background-position: center;
  width: 19px;
  height: 19px;
  margin-right: 4px;
}
.un_scoutedUserResult .un_scoutedUserResult_ctrlBtn.-selectAll::before {
  background-image: url(/assets/recruit/icon_search_user/icon_check-5abe59b5085080547577c5514c435fe377d7515677d735c8225241aa53a57ae7.svg);
}
.un_scoutedUserResult .un_scoutedUserResult_ctrlBtn.-deselect::before {
  background-image: url(/assets/recruit/icon_search_user/icon_minus-da186ea71f7252c80f60f8e137990df470377e91b391d3eca76791e386d433e4.svg);
  width: 17px;
  margin-right: 7px;
}
.un_scoutedUserResult .un_scoutedUserResult_list {
  margin-top: 10px;
}
.un_scoutedUserResult .un_scoutedUserResult_list + .bl_pageNav_wrapper {
  margin-top: 12px;
}
.un_scoutedUserResult .un_scoutedUserResult_selectedUnit {
  position: sticky;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(64, 64, 64, 0.8);
  backdrop-filter: blur(5px);
  padding: 28px 28px;
}
.un_scoutedUserResult .un_scoutedUserResult_selectedLbl {
  display: flex;
  align-items: baseline;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  line-height: 1.5;
}
.un_scoutedUserResult .un_scoutedUserResult_selectedLbl .__num {
  font-family: var(--font-red-hat-disp);
  font-size: 40px;
  line-height: 1;
  margin-left: 6px;
  transform: translateY(2.5px);
}
.un_scoutedUserResult .un_scoutedUserResult_selectedLbl .__unit {
  font-size: 20px;
  line-height: 1.45;
  margin-left: 4px;
}
.un_scoutedUserResult .un_scoutedUserResult_sendOnceBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-main);
  width: 296px;
  max-width: 100%;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  color: #fff;
  padding: 17px;
  border-radius: 5px;
}
.un_scoutedUserResult .un_scoutedUserResult_sendOnceBtn::before {
  display: block;
  content: "";
  background-image: url(/assets/recruit/icon_search_user/icon_scout-a263abf5f813cbedaff100ef915d2d02e00c748c47f1c08b9303378c3a0ff673.svg);
  background-size: contain;
  background-position: center;
  width: 24.5px;
  height: 18px;
  margin-right: 6px;
}

/* Search user result item
  ----------------------------------------------------------------- */
.un_scoutedUserResultItem {
  display: flex;
  background-color: #fff;
}
.un_scoutedUserResultItem:not(:first-of-type) {
  border-top: 1px solid var(--color-gray_2);
}
.un_scoutedUserResultItem .un_scoutedUserResultItem_check input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
.un_scoutedUserResultItem .un_scoutedUserResultItem_check input[type=checkbox]:checked + .un_scoutedUserResultItem_checkLbl {
  background-color: var(--color-main);
  border-color: var(--color-main);
}
.un_scoutedUserResultItem .un_scoutedUserResultItem_check input[type=checkbox]:checked + .un_scoutedUserResultItem_checkLbl::after {
  background-image: url(/assets/recruit/icon_search_user/icon_check_active-9e3d074056cc9e03c984cc9bcdb5767d32d48d8776107c75599d37769c8891aa.svg);
  background-size: 19px 16px;
  background-position: center;
  border: none;
}
.un_scoutedUserResultItem .un_scoutedUserResultItem_checkLbl {
  position: relative;
  display: block;
  width: 46px;
  height: 100%;
  border-right: 1px solid var(--color-gray_2);
  cursor: pointer;
}
.un_scoutedUserResultItem .un_scoutedUserResultItem_checkLbl::after {
  position: absolute;
  content: "";
  inset: 0;
  background-color: #fff;
  width: 22px;
  height: 22px;
  border: 2px solid var(--color-gray);
  margin: auto;
}
.un_scoutedUserResultItem .un_scoutedUserResultItem_body {
  flex-grow: 1;
  position: relative;
  display: flex;
  padding: 20px 0 20px 29px;
}
.un_scoutedUserResultItem .un_scoutedUserResultItem_iconUnit {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.un_scoutedUserResultItem .un_scoutedUserResultItem_iconWrapper {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  overflow: hidden;
}
.un_scoutedUserResultItem .un_scoutedUserResultItem_userNo {
  font-size: 12px;
  margin-top: 4px;
  line-height: 1.1666;
  letter-spacing: 0;
}
.un_scoutedUserResultItem .un_scoutedUserResultItem_cont {
  position: relative;
  width: 100%;
  margin-left: 17px;
}
.un_scoutedUserResultItem .un_scoutedUserResultItem_list {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.un_scoutedUserResultItem .un_scoutedUserResultItem_listRow {
  display: flex;
  gap: 16px;
}
.un_scoutedUserResultItem .un_scoutedUserResultItem_listItem {
  font-size: 14px;
  line-height: 1.4285;
}
.un_scoutedUserResultItem .un_scoutedUserResultItem_listItem .__val {
  font-weight: bold;
}
.un_scoutedUserResultItem .un_scoutedUserResultItem_subList {
  display: flex;
  flex-direction: column;
  gap: 5px;
  background-color: var(--color-light-gray_2);
  padding: 17px 16px;
  margin-top: 8px;
  border-radius: 6px;
}
.un_scoutedUserResultItem .un_scoutedUserResultItem_subList .un_scoutedUserResultItem_listRow {
  gap: 30px;
}
.un_scoutedUserResultItem .un_scoutedUserResultItem_subList .un_scoutedUserResultItem_listItem {
  font-size: 13px;
}
.un_scoutedUserResultItem .un_scoutedUserResultItem_btnWrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  margin-left: 32px;
  padding-right: 32px;
}
.un_scoutedUserResultItem .un_scoutedUserResultItem_btn {
  border: 1px solid var(--color-main);
  color: var(--color-main);
  min-width: 150px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4285;
  padding: 8px 8px;
  border-radius: 6px;
}
.un_scoutedUserResultItem .un_scoutedUserResultItem_btn:hover {
  background-color: #d6f3f6;
  opacity: 1;
}
.un_scoutedUserResultItem .un_scoutedUserResultItem_btn.-fill {
  background-color: var(--color-main);
  color: #fff;
}
.un_scoutedUserResultItem .un_scoutedUserResultItem_btn.-fill:hover {
  opacity: 0.6;
}

/* Search user cond other wrapper
  ----------------------------------------------------------------- */
.un_scoutedUserCondOtherWrapper {
  position: relative;
}
.un_scoutedUserCondOtherWrapper .un_scoutedUserCondOtherWrapper_inner {
  position: relative;
}

/* Search user cond modal
  ----------------------------------------------------------------- */
.un_scoutedUserCondModal {
  width: 1087px;
}
.un_scoutedUserCondModal .un_scoutedUserCondModal_heading {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.7083;
  padding: 19px 32px 17px;
  border-bottom: 1px solid var(--color-gray_2);
}
.un_scoutedUserCondModal .un_scoutedUserCondModal_body {
  max-height: calc(100svh - 80px - 175px);
  overflow-y: scroll;
}
.un_scoutedUserCondModal .un_scoutedUserCondModal_body .pb_scoutedUserSelectCond .pb_scoutedUserSelectCond_formBody {
  padding-top: 0;
}
.un_scoutedUserCondModal .un_scoutedUserCondModal_foot {
  position: sticky;
  bottom: 0;
  left: 0;
  background-color: #fff;
  border-top: 1px solid var(--color-gray_2);
  padding: 0 40px 24px;
  border-radius: 0 0 10px 10px;
}
.un_scoutedUserCondModal .un_scoutedUserCondModal_searchBtnWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 24px;
}
.un_scoutedUserCondModal .un_scoutedUserCondModal_searchBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-main);
  border: 1px solid var(--color-main);
  width: 198px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  line-height: 1.5;
  padding: 11px 24px;
  letter-spacing: 0.03em;
  border-radius: 6px;
}
.un_scoutedUserCondModal .un_scoutedUserCondModal_searchBtn::before {
  display: block;
  content: "";
  background-image: url(/assets/recruit/icon_search_user/icon_search_white-c3e66b92f6233c285ac4f534849f6bdf202ffd7028a5cfeb982b46991b3c1a1c.svg);
  background-size: contain;
  width: 17px;
  height: 16px;
  margin-right: 3px;
}
.un_scoutedUserCondModal .un_scoutedUserCondModal_cancelBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-gray_2);
  width: 198px;
  font-size: 16px;
  line-height: 1.5;
  padding: 11px 24px;
  letter-spacing: 0.03em;
  border-radius: 6px;
}

/* Custom properties
   ----------------------------------------------------------------- */
:root {
  --color-main: #2DACC3;
  --color-txt: #404040;
  --color-gray: #9D9D9D;
  --color-gray_2: #D2D2D2;
  --color-light-gray: #EFEFEF;
  --color-light-gray_2: #F3F3F3;
  --color-bg_hover: #D6F3F6;
  --font-red-hat-disp: "Red Hat Display", sans-serif;
  --box-shadow: 0 6px 12px rgba(0, 0, 0, .05);
  --box-shadow_2: 0 12px 24px rgba(0, 0, 0, .05);
  --box-shadow_3: 0 16px 32px rgba(0, 0, 0, .1);
  --cont-width_side: 230px;
  --cont-pad: 22px;
  --header-height: 52px;
  --thumb-ratio: 56.25%;
  --bdr-radius_round: 99px;
  --opacity_80: .8;
  --transition_ease: all .3s ease;
  --site-min-width: 1080px;
}

/* ==========================================================================
   Base（update）
   ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
  Layout（update）
  ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
  Element（update）
  ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
  Block（update）
  ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
   Page element
   ========================================================================== */
/* ****
  ----------------------------------------------------------------- */
/* ==========================================================================
  Page block
  ========================================================================== */
/* scoutTemplate
  ----------------------------------------------------------------- */
.pb_scoutTemplate .pb_scoutTemplate_head {
  background-color: #fff;
  padding: 28px 40px 24px;
}
.pb_scoutTemplate .pb_scoutTemplate_heading {
  margin: 0 auto 4px;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.4285;
}
.pb_scoutTemplate .pb_scoutTemplate_list {
  margin: auto;
  display: flex;
  align-items: flex-end;
}
.pb_scoutTemplate .pb_scoutTemplate_item {
  flex-basis: 25%;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
  padding: 16px 10px;
  color: var(--color-gray);
}
.pb_scoutTemplate .pb_scoutTemplate_item:hover {
  opacity: 1;
}
.pb_scoutTemplate .pb_scoutTemplate_item.is_active {
  box-shadow: 0 -4px 0 var(--color-main) inset;
  color: inherit;
}
.pb_scoutTemplate .pb_scoutTemplate_body {
  padding: 32px 40px;
}
.pb_scoutTemplate .pb_scoutTemplate_cont {
  margin: auto;
}
.pb_scoutTemplate .pb_scoutTemplate_cont:not(.is_active) {
  display: none;
}

/* scoutTemplateCard
----------------------------------------------------------------- */
.pb_scoutTemplateCard {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: var(--box-shadow_2);
  margin-bottom: 10px;
}
.pb_scoutTemplateCard .pb_scoutTemplateCard_inner {
  position: relative;
  display: flex;
}
.pb_scoutTemplateCard .pb_scoutTemplateCard_head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 68px;
}
.pb_scoutTemplateCard .pb_scoutTemplateCard_head .__num {
  font-family: var(--font-red-hat-disp);
  font-size: 26px;
  font-weight: bold;
  line-height: 1.1923;
}
.pb_scoutTemplateCard .pb_scoutTemplateCard_head::after {
  position: absolute;
  display: block;
  content: "";
  top: 32px;
  bottom: 32px;
  right: 0;
  background-color: var(--color-gray_2);
  width: 1px;
  height: auto;
}
.pb_scoutTemplateCard .pb_scoutTemplateCard_body {
  flex-grow: 1;
  position: relative;
  min-width: 0;
  padding: 32px 32px 32px 32px;
}
.pb_scoutTemplateCard .pb_scoutTemplateCard_ttl {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4444;
  padding-bottom: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pb_scoutTemplateCard .pb_scoutTemplateCard_infoList {
  display: flex;
  flex-direction: column;
}
.pb_scoutTemplateCard .pb_scoutTemplateCard_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: baseline;
}
.pb_scoutTemplateCard .pb_scoutTemplateCard_infoItem {
  display: flex;
  font-size: 14px;
  line-height: 1.4285;
  margin-top: 5px;
}
.pb_scoutTemplateCard .pb_scoutTemplateCard_infoItem .__dt {
  position: relative;
  display: flex;
  min-width: 72px;
  padding-right: 14px;
}
.pb_scoutTemplateCard .pb_scoutTemplateCard_infoItem .__dt::after {
  position: absolute;
  display: block;
  content: "：";
  top: 0;
  right: 0;
  font-weight: bold;
}
.pb_scoutTemplateCard .pb_scoutTemplateCard_infoItem .__dd {
  font-weight: bold;
}
.pb_scoutTemplateCard .pb_scoutTemplateCard_meta {
  position: relative;
  display: flex;
  font-size: 14px;
  line-height: 1.1428;
  flex-wrap: wrap;
}
.pb_scoutTemplateCard .pb_scoutTemplateCard_meta .pb_scoutTemplateCard_meta_id {
  margin-right: 12px;
  margin-top: 5px;
}
.pb_scoutTemplateCard .pb_scoutTemplateCard_meta .pb_scoutTemplateCard_meta_date {
  margin-right: 12px;
  margin-top: 5px;
}
.pb_scoutTemplateCard .pb_scoutTemplateCard_meta .pb_scoutTemplateCard_meta_update {
  margin-top: 5px;
}
.pb_scoutTemplateCard .pb_scoutTemplateCard_meta .pb_scoutTemplateCard_meta_update .__name {
  margin-left: 8px;
}
.pb_scoutTemplateCard .pb_scoutTemplateCard_btnWrapper {
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: center;
  padding-right: 32px;
}
.pb_scoutTemplateCard .pb_scoutTemplateCard_btnWrapper .pb_scoutTemplateCard_btn_edit {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-main);
  max-width: 100%;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  color: #fff;
  padding: 13px 24px;
  border-radius: 5px;
}
.pb_scoutTemplateCard .pb_scoutTemplateCard_btnWrapper .pb_scoutTemplateCard_btn_edit::before {
  display: block;
  content: "";
  background-image: url(/assets/recruit/icon/icon_pen_white-f301a5dfe7c42d9f1c0342c8747111302e556ae2a7b9b8a653a62d34914322d2.svg);
  background-size: contain;
  width: 18px;
  height: 18px;
  margin-right: 4px;
  transform: translateY(-1px);
}
.pb_scoutTemplateCard .pb_scoutTemplateCard_btnWrapper .pb_scoutTemplateCard_btn_delete {
  display: flex;
  align-items: center;
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.4285;
  color: var(--color-main);
  margin-left: 16px;
}
.pb_scoutTemplateCard .pb_scoutTemplateCard_btnWrapper .pb_scoutTemplateCard_btn_delete::before {
  display: block;
  content: "";
  background-image: url(/assets/recruit/icon_common/icon_del-e96044b0d80d3a67ef18a29da594d8140203fe6f60d1ab561f4eec91bff99ba3.svg);
  background-size: contain;
  width: 15px;
  height: 18px;
  margin-right: 6px;
  transform: translateY(-1px);
}

.bl_textboxRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bl_textboxRow .bl_textboxRow_ttl {
  font-size: 18px;
  font-weight: bold;
}
.bl_textboxRow .bl_textboxRow_form input {
  width: 350px;
  font-size: 15px;
  background-color: #fff;
  border: 1px solid #aeaeae;
  font-size: 14px;
  line-height: 1.5714;
  padding: 10px 13px;
  border-radius: 5px;
}

/* ==========================================================================
   Unique
   ========================================================================== */
/* edit scout template
  ----------------------------------------------------------------- */
.un_editScoutTemplate .un_editScoutTemplate_body {
  padding: 40px 40px;
}
.un_editScoutTemplate .un_editScoutTemplate_form {
  background-color: #fff;
  padding: 32px 32px;
}
.un_editScoutTemplate .un_editScoutTemplate_form textarea {
  width: 100%;
  min-height: 245px;
  border: 1px solid var(--color-gray);
  padding: 14px;
  border-radius: 5px;
}
.un_editScoutTemplate .un_editScoutTemplate_form input[type=text] {
  font-size: 16px;
  padding: 9px;
  border: 1px solid var(--color-gray);
  border-radius: 5px;
}
.un_editScoutTemplate .un_editScoutTemplate_form input[type=radio] + label {
  font-size: 14px;
  font-weight: bold;
}
.un_editScoutTemplate .un_editScoutTemplate_formItem:not(:first-of-type) {
  margin-top: 24px;
}
.un_editScoutTemplate .un_editScoutTemplate_formLbl {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 6px;
}
.un_editScoutTemplate .un_editScoutTemplate_selectBoxWrapper {
  position: relative;
  width: 500px;
  max-width: 100%;
  border: 1px solid var(--color-gray);
  border-radius: 5px;
}
.un_editScoutTemplate .un_editScoutTemplate_selectBoxWrapper::after {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  right: 7px;
  background-color: var(--color-main);
  width: 12px;
  height: 11px;
  pointer-events: none;
  transform: translateY(calc(-50% + 1px));
  clip-path: polygon(50% 70%, 0% 0%, 100% 0%);
}
.un_editScoutTemplate .un_editScoutTemplate_selectBox {
  width: 100%;
  height: 42px;
  font-size: 14px;
  padding: 14px 12px;
  line-height: 1;
  letter-spacing: 0.03em;
}
.un_editScoutTemplate .un_editScoutTemplate_selectBox:invalid {
  color: var(--color-gray);
}
.un_editScoutTemplate .un_editScoutTemplate_textBoxWrapper {
  position: relative;
  width: 500px;
  max-width: 100%;
}
.un_editScoutTemplate .un_editScoutTemplate_textBoxWrapper .un_editScoutTemplate_textBox {
  width: 100%;
  height: 42px;
  font-size: 14px;
  padding: 14px 12px;
  line-height: 1;
  letter-spacing: 0.03em;
  border: 1px solid var(--color-gray);
  border-radius: 5px;
}
.un_editScoutTemplate .un_editScoutTemplate_required {
  position: relative;
  top: -1px;
  color: #f16872;
  border: 1px solid #f16872;
  font-size: 11px;
  padding: 2px 3px 1px;
  margin-left: 8px;
}
.un_editScoutTemplate .un_editScoutTemplate_dateSettings {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: -2px;
}
.un_editScoutTemplate .un_editScoutTemplate_dateSettings .__dateItem {
  display: flex;
  align-items: center;
}
.un_editScoutTemplate .un_editScoutTemplate_dateSettings .__dateInputs {
  margin-left: 12px;
  font-size: 0;
}
.un_editScoutTemplate .un_editScoutTemplate_dateSettings .__dateInputs .__date {
  width: 118px;
  text-align: center;
}
.un_editScoutTemplate .un_editScoutTemplate_dateSettings .__dateInputs .__hour {
  width: 50px;
  text-align: center;
  margin-left: 8px;
}
.un_editScoutTemplate .un_editScoutTemplate_dateSettings .__dateInputs .__minute {
  width: 50px;
  text-align: center;
}
.un_editScoutTemplate .un_editScoutTemplate_dateSettings .__dateInputs .__txt {
  font-size: 16px;
  margin: 0 3px;
}
.un_editScoutTemplate .un_editScoutTemplate_btnWrapper {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 24px;
}
.un_editScoutTemplate .un_editScoutTemplate_backBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  border: 1px solid var(--color-gray_2);
  padding: 10px 25px;
  min-height: 50px;
  min-width: 160px;
  border-radius: 6px;
}
.un_editScoutTemplate .un_editScoutTemplate_submitBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-main);
  font-size: 16px;
  font-weight: bold;
  padding: 10px 26px 8px;
  color: #fff;
  min-height: 50px;
  min-width: 160px;
  border-radius: 6px;
}

/* Custom properties
   ----------------------------------------------------------------- */
:root {
  --color-main: #2DACC3;
  --color-txt: #404040;
  --color-gray: #9D9D9D;
  --color-gray_2: #D2D2D2;
  --color-light-gray: #EFEFEF;
  --color-light-gray_2: #F3F3F3;
  --color-bg_hover: #D6F3F6;
  --font-red-hat-disp: "Red Hat Display", sans-serif;
  --box-shadow: 0 6px 12px rgba(0, 0, 0, .05);
  --box-shadow_2: 0 12px 24px rgba(0, 0, 0, .05);
  --box-shadow_3: 0 16px 32px rgba(0, 0, 0, .1);
  --cont-width_side: 230px;
  --cont-pad: 22px;
  --header-height: 52px;
  --thumb-ratio: 56.25%;
  --bdr-radius_round: 99px;
  --opacity_80: .8;
  --transition_ease: all .3s ease;
  --site-min-width: 1080px;
}

/* ==========================================================================
   Base（update）
   ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
  Layout（update）
  ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
  Element（update）
  ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
  Block（update）
  ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
   Page element
   ========================================================================== */
/* ****
  ----------------------------------------------------------------- */
/* ==========================================================================
  Page block
  ========================================================================== */
/* Search user tab
  ----------------------------------------------------------------- */
.pb_searchUserTab .pb_searchUserTab_head {
  background-color: #FFF;
  padding: 32px 40px 0;
}
.pb_searchUserTab .pb_searchUserTab_heading {
  margin: 0 auto 4px;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.4285;
}
.pb_searchUserTab .pb_searchUserTab_list {
  margin: auto;
  display: flex;
  align-items: flex-end;
}
.pb_searchUserTab .pb_searchUserTab_item {
  flex-basis: 25%;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
  padding: 16px 10px;
  color: var(--color-gray);
}
.pb_searchUserTab .pb_searchUserTab_item:hover {
  opacity: 1;
}
.pb_searchUserTab .pb_searchUserTab_item.is_active {
  box-shadow: 0 -4px 0 var(--color-main) inset;
  color: inherit;
}
.pb_searchUserTab .pb_searchUserTab_body {
  padding: 32px 40px;
}
.pb_searchUserTab .pb_searchUserTab_cont {
  margin: auto;
}
.pb_searchUserTab .pb_searchUserTab_cont:not(.is_active) {
  display: none;
}
.pb_searchUserTab .pb_searchUserTab_newLinkWrapper {
  padding-top: 5px;
  padding-bottom: 10px;
}
.pb_searchUserTab .pb_searchUserTab_newLink_icon {
  width: 8.971px;
  height: 12.646px;
}
.pb_searchUserTab .pb_searchUserTab_newLink {
  margin-left: 5px;
  color: var(--color-main);
}

/* Search user tab
  ----------------------------------------------------------------- */
.pb_searchUserSelectCond {
  background-color: #FFF;
}
.pb_searchUserSelectCond .pb_searchUserSelectCond_form {
  position: relative;
}
.pb_searchUserSelectCond .pb_searchUserSelectCond_form input[type=text],
.pb_searchUserSelectCond .pb_searchUserSelectCond_form input[type=number] {
  background-color: #fff;
  border: 1px solid #aeaeae;
  font-size: 14px;
  line-height: 1.5714;
  padding: 10px 13px;
  border-radius: 5px;
}
.pb_searchUserSelectCond .pb_searchUserSelectCond_formBody {
  padding: 32px 32px;
}
.pb_searchUserSelectCond .pb_searchUserSelectCond_formBodyInner {
  position: relative;
}
.pb_searchUserSelectCond .pb_searchUserSelectCond_formBox {
  position: relative;
  border-bottom: 1px solid var(--color-gray_2);
  margin-top: 32px;
}
.pb_searchUserSelectCond .pb_searchUserSelectCond_formBox:nth-child(1) {
  margin-top: 0;
}
.pb_searchUserSelectCond .pb_searchUserSelectCond_formBox .pb_searchUserSelectCond_formItem_ttl {
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
}
.pb_searchUserSelectCond .pb_searchUserCheckbox_sort {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 12px;
}
.pb_searchUserSelectCond .pb_searchUserCheckbox_sort input[type=checkbox] {
  position: relative;
  width: 22px;
  height: 22px;
  border: 2px solid var(--color-gray_2);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.pb_searchUserSelectCond .pb_searchUserCheckbox_sort input[type=checkbox]:checked::before {
  position: absolute;
  top: 1px;
  left: 5px;
  transform: rotate(50deg);
  width: 8px;
  height: 12px;
  border-right: 3px solid var(--color-main);
  border-bottom: 3px solid var(--color-main);
  content: "";
}
.pb_searchUserSelectCond .pb_searchUserCheckbox_sort .pb_searchUserCheckbox_sort_lbl {
  margin-left: 8px;
  font-size: 14px;
}
.pb_searchUserSelectCond .pb_searchUserSelectCond_formItem {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  border-top: 1px solid var(--color-gray_2);
  display: table;
  width: 100%;
}
.pb_searchUserSelectCond .pb_searchUserSelectCond_formItem .pb_searchUserSelectCond_formItemBody {
  padding: 11px 18px;
  display: table-cell;
}
.pb_searchUserSelectCond .pb_searchUserSelectCond_formItemRow {
  display: flex;
  gap: 10px;
}
.pb_searchUserSelectCond .pb_searchUserSelectCond_formItemRow + .pb_searchUserSelectCond_formItemRow {
  margin-top: 10px;
}
.pb_searchUserSelectCond .pb_searchUserSelectCond_formItemRow .__age {
  display: flex;
  align-items: center;
  font-size: 0;
}
.pb_searchUserSelectCond .pb_searchUserSelectCond_formItemRow .__age input[type=number] {
  width: 136px;
}
.pb_searchUserSelectCond .pb_searchUserSelectCond_formItemRow .__ageUnit {
  font-size: 14px;
  line-height: 1.5714;
  margin-left: 4px;
}
.pb_searchUserSelectCond .pb_searchUserSelectCond_formItemRow .__ageFromToTxt {
  font-size: 14px;
  line-height: 1.5714;
  margin: auto 6px;
}
.pb_searchUserSelectCond .pb_searchUserSelectCond_formItemRow .__careerYear {
  font-size: 0;
}
.pb_searchUserSelectCond .pb_searchUserSelectCond_formItemRow .__careerYear input[type=number] {
  width: 114px;
}
.pb_searchUserSelectCond .pb_searchUserSelectCond_formItemRow .__careerUnit {
  font-size: 14px;
  line-height: 1.5714;
  margin-left: 4px;
}
.pb_searchUserSelectCond .pb_searchUserSelectCond_formLbl {
  display: table-cell;
  width: 134px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  padding: 10px 16px;
  flex-shrink: 0;
  background-color: var(--color-light-gray_2);
}
.pb_searchUserSelectCond .pb_searchUserSelectCond_formLbl.-alineSelfCenter {
  margin-bottom: inherit;
  margin-top: 5px;
}
.pb_searchUserSelectCond .pb_searchUserSelectCond_selectBoxWrapper {
  position: relative;
  background-color: #FFF;
  width: 230px;
  max-width: 100%;
  border: 1px solid var(--color-gray);
  border-radius: 5px;
}
.pb_searchUserSelectCond .pb_searchUserSelectCond_selectBoxWrapper::after {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  right: 15px;
  background-color: var(--color-main);
  width: 12px;
  height: 11px;
  pointer-events: none;
  transform: translateY(calc(-50% + 1px));
  clip-path: polygon(50% 70%, 0% 0%, 100% 0%);
}
.pb_searchUserSelectCond .pb_searchUserSelectCond_selectBox {
  width: 100%;
  font-size: 14px;
  padding: 14px 13px;
  line-height: 1;
  letter-spacing: 0.03em;
}
.pb_searchUserSelectCond .pb_searchUserSelectCond_selectBox:invalid {
  color: #AEAEAE;
}
.pb_searchUserSelectCond .pb_searchUserSelectCond_addFormItemRowBtnWrapper {
  margin-top: 10px;
}
.pb_searchUserSelectCond .pb_searchUserSelectCond_addFormItemRowBtn {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 1.4285;
  color: var(--color-main);
}
.pb_searchUserSelectCond .pb_searchUserSelectCond_addFormItemRowBtn::before {
  flex-shrink: 0;
  display: block;
  content: "";
  background-image: url(/assets/recruit/icon_search_user/icon_plus_green-958d9d4d0611e89c56b05f7d153090318f734c4b6a107451981657394c850ef2.svg);
  background-size: 12px;
  width: 12px;
  height: 12px;
  margin-right: 4px;
}
.pb_searchUserSelectCond .pb_searchUserSelectCond_formFoot {
  position: relative;
  border-top: 1px solid var(--color-gray_2);
  padding: 0 40px 24px;
}
.pb_searchUserSelectCond .pb_searchUserSelectCond_searchBtnWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px;
}
.pb_searchUserSelectCond .pb_searchUserSelectCond_searchBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-main);
  width: 198px;
  font-size: 16px;
  font-weight: bold;
  color: #FFF;
  line-height: 1.5;
  padding: 12px 24px;
  letter-spacing: 0.03em;
  border-radius: 6px;
}
.pb_searchUserSelectCond .pb_searchUserSelectCond_searchBtn::before {
  display: block;
  content: "";
  background-image: url(/assets/recruit/icon_search_user/icon_search_white-c3e66b92f6233c285ac4f534849f6bdf202ffd7028a5cfeb982b46991b3c1a1c.svg);
  background-size: contain;
  width: 17px;
  height: 16px;
  margin-right: 3px;
}

/* Search user checkbox
  ----------------------------------------------------------------- */
.pb_searchUserCheckbox_wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.pb_searchUserCheckbox input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
.pb_searchUserCheckbox input[type=checkbox]:checked + .pb_searchUserCheckbox_lbl {
  background-color: var(--color-main);
  border-color: var(--color-main);
  font-weight: bold;
  color: #FFF;
}
.pb_searchUserCheckbox .pb_searchUserCheckbox_lbl {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFF;
  border: 1px solid var(--color-gray_2);
  font-size: 14px;
  line-height: 1.5714;
  padding: 4.5px 15.5px;
  border-radius: var(--bdr-radius_round);
  cursor: pointer;
}

/* ==========================================================================
   Unique
   ========================================================================== */
/* Search user result
  ----------------------------------------------------------------- */
.un_searchUserResult {
  position: relative;
}
.un_searchUserResult .un_searchUserResult_head {
  background: #FFF;
  padding: 32px 40px;
}
.un_searchUserResult .un_searchUserResult_heading {
  margin: auto;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.4285;
  margin-bottom: 10px;
}
.un_searchUserResult .un_searchUserResult_queryLblWrapper {
  margin: auto;
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.un_searchUserResult .un_searchUserResult_queryLbl {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.un_searchUserResult .un_searchUserResult_queryLbl_link {
  margin-left: 10px;
  font-size: 14px;
  color: var(--color-main);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}
.un_searchUserResult .un_searchUserResult_queryLbl_link_icon {
  width: 14px;
  height: 13px;
  margin-right: 4px;
  filter: invert(47%) sepia(82%) saturate(3820%) hue-rotate(164deg) brightness(97%) contrast(101%);
}
.un_searchUserResult .un_searchUserResult_queryLbl_link:hover {
  text-decoration: underline;
}
.un_searchUserResult .un_searchUserResult_queryChange {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 1.4285;
  color: var(--color-main);
  margin-left: 16px;
}
.un_searchUserResult .un_searchUserResult_queryChange::before {
  display: block;
  content: "";
  background-image: url(/assets/recruit/icon/icon_pen_green-8aa52399b617c51623764f2ed3905188a3fae6addd38849e9bb61c3dc7f3e92f.svg);
  background-size: contain;
  width: 18px;
  height: 18px;
  margin-right: 4px;
  transform: translateY(-1px);
}
.un_searchUserResult .un_searchUserResult_wrap {
  display: flex;
  justify-content: space-between;
  border: 1px solid var(--color-gray_2);
  padding: 16px 24px;
  border-radius: 6px;
}
.un_searchUserResult .un_searchUserResult_queryList {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
}
.un_searchUserResult .un_searchUserResult_queryItem {
  display: flex;
  font-size: 15px;
  line-height: 1.4285;
}
.un_searchUserResult .un_searchUserResult_queryItem .__dt {
  position: relative;
  display: flex;
  justify-content: flex-end;
  min-width: 91px;
  padding-right: 14px;
}
.un_searchUserResult .un_searchUserResult_queryItem .__dt::after {
  position: absolute;
  display: block;
  content: "：";
  top: 0;
  right: 0;
}
.un_searchUserResult .un_searchUserResult_queryItem .__dd {
  font-weight: bold;
}
.un_searchUserResult .un_searchUserResult_queryList_btnWrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  margin-left: 32px;
  width: 168px;
}
.un_searchUserResult .un_searchUserResult_queryList_btn {
  border: 1px solid var(--color-main);
  color: var(--color-main);
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4285;
  padding: 8px 8px;
  border-radius: 6px;
}
.un_searchUserResult .un_searchUserResult_queryList_btn.-fill {
  background-color: var(--color-main);
  color: #FFF;
}
.un_searchUserResult .un_searchUserResult_body {
  padding: 32px 40px;
}
.un_searchUserResult .un_searchUserResult_ctrlUnit {
  display: flex;
  align-items: flex-end;
}
.un_searchUserResult .un_searchUserResult_ctrlUnit .bl_pageNav_wrapper {
  margin-left: auto;
  margin-bottom: 2px;
}
.un_searchUserResult .un_searchUserResult_userNum {
  display: flex;
  align-items: baseline;
  gap: 2px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.03em;
}
.un_searchUserResult .un_searchUserResult_userNum:not(:last-child) {
  margin-bottom: 8px;
}
.un_searchUserResult .un_searchUserResult_userNum .__num {
  font-family: var(--font-red-hat-disp);
  font-size: 30px;
  line-height: 1;
  transform: translateY(0.5px);
}
.un_searchUserResult .un_searchUserResult_userNum .__unit {
  font-size: 16px;
  line-height: 1.45;
  transform: translateY(0px);
}
.un_searchUserResult .un_searchUserResult_ctrlBtnWrapper {
  display: flex;
  gap: 8px;
}
.un_searchUserResult .un_searchUserResult_ctrlBtn {
  display: flex;
  align-items: center;
  background-color: #FFF;
  font-size: 13px;
  line-height: 1.7692;
  padding: 7px 15px 6.5px 11px;
  border: 1px solid var(--color-gray_2);
  letter-spacing: 0.03em;
  border-radius: 6px;
}
.un_searchUserResult .un_searchUserResult_ctrlBtn::before {
  display: block;
  content: "";
  background-size: contain;
  background-position: center;
  width: 19px;
  height: 19px;
  margin-right: 4px;
}
.un_searchUserResult .un_searchUserResult_ctrlBtn.-selectAll::before {
  background-image: url(/assets/recruit/icon_search_user/icon_check-5abe59b5085080547577c5514c435fe377d7515677d735c8225241aa53a57ae7.svg);
}
.un_searchUserResult .un_searchUserResult_ctrlBtn.-deselect::before {
  background-image: url(/assets/recruit/icon_search_user/icon_minus-da186ea71f7252c80f60f8e137990df470377e91b391d3eca76791e386d433e4.svg);
  width: 17px;
  margin-right: 7px;
}
.un_searchUserResult .un_searchUserResult_list {
  margin-top: 10px;
}
.un_searchUserResult .un_searchUserResult_list + .bl_pageNav_wrapper {
  margin-top: 12px;
}
.un_searchUserResult .un_searchUserResult_selectedUnit {
  position: sticky;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(64, 64, 64, 0.8);
  backdrop-filter: blur(5px);
  padding: 28px 28px;
}
.un_searchUserResult .un_searchUserResult_selectedLbl {
  display: flex;
  align-items: baseline;
  font-size: 16px;
  font-weight: bold;
  color: #FFF;
  line-height: 1.5;
}
.un_searchUserResult .un_searchUserResult_selectedLbl .__num {
  font-family: var(--font-red-hat-disp);
  font-size: 40px;
  line-height: 1;
  margin-left: 6px;
  transform: translateY(2.5px);
}
.un_searchUserResult .un_searchUserResult_selectedLbl .__unit {
  font-size: 20px;
  line-height: 1.45;
  margin-left: 4px;
}
.un_searchUserResult .un_searchUserResult_sendOnceBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-main);
  width: 340px;
  max-width: 100%;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  color: #FFF;
  padding: 17px;
  border-radius: 5px var(--color-main);
}
.un_searchUserResult .un_searchUserResult_sendOnceBtn .count {
  font-size: 11px;
}
.un_searchUserResult .un_searchUserResult_sendOnceBtn.-bookmark {
  background-color: #FFF;
  color: var(--color-main);
}
.un_searchUserResult .un_searchUserResult_sendOnceBtn.-bookmark::before, .un_searchUserResult .un_searchUserResult_sendOnceBtn.-scout::before {
  display: block;
  content: "";
  background-size: contain;
  background-position: center;
  width: 24.5px;
  height: 18px;
  margin-right: 6px;
}
.un_searchUserResult .un_searchUserResult_sendOnceBtn.-bookmark::before {
  background-image: url(/assets/recruit/icon_search_user/icon_recruit_bookmark-c6a25448b6170f94e7be73146ad0a48f0feda6350ceaf9d225047e2e55db9f92.svg);
}
.un_searchUserResult .un_searchUserResult_sendOnceBtn.-scout::before {
  background-image: url(/assets/recruit/icon_search_user/icon_scout-a263abf5f813cbedaff100ef915d2d02e00c748c47f1c08b9303378c3a0ff673.svg);
}

/* Search user result item
  ----------------------------------------------------------------- */
.un_searchUserResultItem {
  display: flex;
  background-color: #FFF;
}
.un_searchUserResultItem:not(:first-of-type) {
  border-top: 1px solid var(--color-gray_2);
}
.un_searchUserResultItem .un_searchUserResultItem_check input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
.un_searchUserResultItem .un_searchUserResultItem_check input[type=checkbox]:checked + .un_searchUserResultItem_checkLbl {
  background-color: var(--color-main);
  border-color: var(--color-main);
}
.un_searchUserResultItem .un_searchUserResultItem_check input[type=checkbox]:checked + .un_searchUserResultItem_checkLbl::after {
  background-image: url(/assets/recruit/icon_search_user/icon_check_active-9e3d074056cc9e03c984cc9bcdb5767d32d48d8776107c75599d37769c8891aa.svg);
  background-size: 19px 16px;
  background-position: center;
  border: none;
}
.un_searchUserResultItem .un_searchUserResultItem_checkLbl {
  position: relative;
  display: block;
  width: 46px;
  height: 100%;
  border-right: 1px solid var(--color-gray_2);
  cursor: pointer;
}
.un_searchUserResultItem .un_searchUserResultItem_checkLbl::after {
  position: absolute;
  content: "";
  inset: 0;
  background-color: #FFF;
  width: 22px;
  height: 22px;
  border: 2px solid var(--color-gray);
  margin: auto;
}
.un_searchUserResultItem .un_searchUserResultItem_body {
  flex-grow: 1;
  position: relative;
  display: flex;
  padding: 20px 0 20px 29px;
}
.un_searchUserResultItem .un_searchUserResultItem_body:hover {
  background-color: #D6F3F6;
  cursor: pointer;
}
.un_searchUserResultItem .un_searchUserResultItem_iconUnit {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.un_searchUserResultItem .un_searchUserResultItem_iconWrapper {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  overflow: hidden;
}
.un_searchUserResultItem .un_searchUserResultItem_userNo {
  font-size: 12px;
  margin-top: 4px;
  line-height: 1.1666;
  letter-spacing: 0;
}
.un_searchUserResultItem .un_searchUserResultItem_cont {
  position: relative;
  width: 100%;
  margin-left: 17px;
}
.un_searchUserResultItem .un_searchUserResultItem_list {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.un_searchUserResultItem .un_searchUserResultItem_listRow {
  display: flex;
  gap: 16px;
}
.un_searchUserResultItem .un_searchUserResultItem_listItem {
  font-size: 14px;
  line-height: 1.4285;
}
.un_searchUserResultItem .un_searchUserResultItem_listItem .__val {
  font-weight: bold;
}
.un_searchUserResultItem .un_searchUserResultItem_listItem .__title:hover {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  cursor: pointer;
}
.un_searchUserResultItem .un_searchUserResultItem_subList {
  display: flex;
  flex-direction: column;
  gap: 5px;
  background-color: var(--color-light-gray_2);
  padding: 17px 16px;
  margin-top: 8px;
  border-radius: 6px;
}
.un_searchUserResultItem .un_searchUserResultItem_subList .un_searchUserResultItem_listRow {
  gap: 30px;
}
.un_searchUserResultItem .un_searchUserResultItem_subList .un_searchUserResultItem_listItem {
  font-size: 13px;
}
.un_searchUserResultItem .un_searchUserResultItem_btnWrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  margin-left: 32px;
  padding-right: 32px;
}
.un_searchUserResultItem .un_searchUserResultItem_btn {
  border: 1px solid var(--color-main);
  color: var(--color-main);
  min-width: 150px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4285;
  padding: 8px 8px;
  border-radius: 6px;
}
.un_searchUserResultItem .un_searchUserResultItem_btn.-fill {
  background-color: var(--color-main);
  color: #fff;
}
.un_searchUserResultItem .un_searchUserResultItem_btn.-white {
  background-color: #fff;
}
.un_searchUserResultItem .un_searchUserResultItem_btn.-disabled {
  background-color: #fff;
  color: var(--color-gray_2);
  border: 1px solid var(--color-gray_2);
}
.un_searchUserResultItem .un_searchUserResultItem_btn.-disabled:hover {
  opacity: 1;
}

/* Search user cond other wrapper
  ----------------------------------------------------------------- */
.un_searchUserCondOtherWrapper {
  position: relative;
}
.un_searchUserCondOtherWrapper .un_searchUserCondOtherWrapper_inner {
  position: relative;
}

/* Search user cond modal
  ----------------------------------------------------------------- */
.un_searchUserCondModal {
  /*   width: 1087px; */
}
.un_searchUserCondModal .un_searchUserCondModal_heading {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.7083;
  padding: 19px 32px 17px;
  border-bottom: 1px solid var(--color-gray_2);
}
.un_searchUserCondModal .un_searchUserCondModal_body {
  max-height: calc(100svh - 80px - 175px);
  overflow-y: scroll;
}
.un_searchUserCondModal .un_searchUserCondModal_body .pb_searchUserSelectCond .pb_searchUserSelectCond_formBody {
  padding-top: 0;
}
.un_searchUserCondModal .un_searchUserCondModal_foot {
  position: sticky;
  bottom: 0;
  left: 0;
  background-color: #FFF;
  border-top: 1px solid var(--color-gray_2);
  padding: 0 40px 24px;
  border-radius: 0 0 10px 10px;
}
.un_searchUserCondModal .un_searchUserCondModal_searchBtnWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 24px;
}
.un_searchUserCondModal .un_searchUserCondModal_searchBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-main);
  border: 1px solid var(--color-main);
  width: 198px;
  font-size: 16px;
  font-weight: bold;
  color: #FFF;
  line-height: 1.5;
  padding: 11px 24px;
  letter-spacing: 0.03em;
  border-radius: 6px;
}
.un_searchUserCondModal .un_searchUserCondModal_searchBtn::before {
  display: block;
  content: "";
  background-image: url(/assets/recruit/icon_search_user/icon_search_white-c3e66b92f6233c285ac4f534849f6bdf202ffd7028a5cfeb982b46991b3c1a1c.svg);
  background-size: contain;
  width: 17px;
  height: 16px;
  margin-right: 3px;
}
.un_searchUserCondModal .un_searchUserCondModal_cancelBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-gray_2);
  width: 198px;
  font-size: 16px;
  line-height: 1.5;
  padding: 11px 24px;
  letter-spacing: 0.03em;
  border-radius: 6px;
}

/* ==========================================================================
   Unique
   ========================================================================== */
/* Search user save
  ----------------------------------------------------------------- */
.-save .bl_recruitCard .bl_recruitCard_infoItem .__dt {
  min-width: 86px;
}

.un_searchUserSaveItem_btnWrapper {
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: center;
  padding-right: 32px;
}
.un_searchUserSaveItem_btnWrapper .un_searchUserSaveItem_btn_search {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-main);
  width: 184px;
  max-width: 100%;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  color: #fff;
  padding: 13px;
  border-radius: 5px;
}
.un_searchUserSaveItem_btnWrapper .un_searchUserSaveItem_btn_search::before {
  display: block;
  content: "";
  background-image: url(/assets/recruit/icon_search_user/icon_search_white-c3e66b92f6233c285ac4f534849f6bdf202ffd7028a5cfeb982b46991b3c1a1c.svg);
  background-size: contain;
  width: 17px;
  height: 16px;
  margin-right: 4px;
}
.un_searchUserSaveItem_btnWrapper .un_searchUserSaveItem_btn_delete {
  display: flex;
  align-items: center;
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.4285;
  color: var(--color-main);
  margin-left: 16px;
}
.un_searchUserSaveItem_btnWrapper .un_searchUserSaveItem_btn_delete::before {
  display: block;
  content: "";
  background-image: url(/assets/recruit/icon_common/icon_del-e96044b0d80d3a67ef18a29da594d8140203fe6f60d1ab561f4eec91bff99ba3.svg);
  background-size: contain;
  width: 18px;
  height: 18px;
  margin-right: 4px;
  transform: translateY(-1px);
}

.bl_creatNew_btn {
  text-align: right;
  margin-bottom: 8px;
}
.bl_creatNew_btn .bl_creatNew_btn_text {
  font-size: 14px;
  line-height: 1.4;
  color: var(--color-main);
  font-weight: bold;
}
.bl_creatNew_btn .bl_creatNew_btn_text::before {
  display: inline-block;
  content: "";
  background-image: url(/assets/recruit/icon_search_user/icon_plus_green-958d9d4d0611e89c56b05f7d153090318f734c4b6a107451981657394c850ef2.svg);
  background-size: contain;
  width: 12px;
  height: 12px;
  margin-right: 4px;
}

.bl_textboxRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bl_textboxRow .bl_textboxRow_ttl {
  font-size: 18px;
  font-weight: bold;
}
.bl_textboxRow .bl_textboxRow_form input {
  width: 350px;
  font-size: 15px;
  background-color: #fff;
  border: 1px solid #aeaeae;
  font-size: 14px;
  line-height: 1.5714;
  padding: 10px 13px;
  border-radius: 5px;
}

.pb_searchUserSelectCond_formBox .pb_searchUserCheckbox_wrapper .pb_searchUserCheckbox input[type=radio] {
  position: absolute;
  opacity: 0;
}
.pb_searchUserSelectCond_formBox .pb_searchUserCheckbox_wrapper .pb_searchUserCheckbox input[type=radio]:checked + .pb_searchUserCheckbox_lbl {
  background-color: var(--color-main);
  border-color: var(--color-main);
  font-weight: bold;
  color: #FFF;
}
.pb_searchUserSelectCond_formBox .pb_searchUserCheckbox_wrapper .pb_searchUserCheckbox .pb_searchUserCheckbox_lbl {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFF;
  border: 1px solid var(--color-gray_2);
  font-size: 14px;
  line-height: 1.5714;
  padding: 4.5px 15.5px;
  border-radius: var(--bdr-radius_round);
  cursor: pointer;
  margin-right: 8px;
}

/* Custom properties
   ----------------------------------------------------------------- */
:root {
  --color-main: #2DACC3;
  --color-txt: #404040;
  --color-gray: #9D9D9D;
  --color-gray_2: #D2D2D2;
  --color-light-gray: #EFEFEF;
  --color-light-gray_2: #F3F3F3;
  --color-bg_hover: #D6F3F6;
  --font-red-hat-disp: "Red Hat Display", sans-serif;
  --box-shadow: 0 6px 12px rgba(0, 0, 0, .05);
  --box-shadow_2: 0 12px 24px rgba(0, 0, 0, .05);
  --box-shadow_3: 0 16px 32px rgba(0, 0, 0, .1);
  --cont-width_side: 230px;
  --cont-pad: 22px;
  --header-height: 52px;
  --thumb-ratio: 56.25%;
  --bdr-radius_round: 99px;
  --opacity_80: .8;
  --transition_ease: all .3s ease;
  --site-min-width: 1080px;
}

/* ==========================================================================
   Base（update）
   ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
  Layout（update）
  ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
  Element（update）
  ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
  Block（update）
  ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
   Page element
   ========================================================================== */
/* ****
  ----------------------------------------------------------------- */
/* ==========================================================================
  Page block
  ========================================================================== */
/* ****
  ----------------------------------------------------------------- */
/* ==========================================================================
   Unique
   ========================================================================== */
/* Send scount
  ----------------------------------------------------------------- */
.un_sendScout .un_sendScout_head {
  background-color: #FFF;
  padding: 35px 40px 29.5px;
}
.un_sendScout .un_sendScout_head .un_sendScout_formLbl {
  margin-top: 10px;
  margin-bottom: 0px;
  white-space: nowrap;
}
.un_sendScout .un_sendScout_head .un_sendScout_selectedUsersContainer {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.un_sendScout .un_sendScout_head .un_sendScout_selectedUsers {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-left: -5px;
  padding: 0 10px;
}
.un_sendScout .un_sendScout_head .un_sendScout_selectedUser {
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: var(--color-light-gray_2);
  padding: 8px 12px;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.un_sendScout .un_sendScout_head .un_sendScout_selectedUser:hover {
  background-color: var(--color-light-gray_3);
}
.un_sendScout .un_sendScout_head .un_sendScout_selectedUser i.fa-folder {
  font-size: 16px;
  color: var(--color-main);
}
.un_sendScout .un_sendScout_head .un_sendScout_selectedUserInfo {
  font-size: 14px;
  line-height: 1.4;
  color: var(--color-main);
}
.un_sendScout .un_sendScout_heading {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.4285;
}
.un_sendScout .un_sendScout_headTxt {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
}
.un_sendScout .un_sendScout_headTxt .__num {
  display: inline-block;
  font-family: var(--font-red-hat-disp);
  font-size: 32px;
  line-height: 1;
  margin-right: 3px;
  transform: translateY(2px);
}
.un_sendScout .un_sendScout_body {
  padding: 40px 40px;
}
.un_sendScout .un_sendScout_form {
  background-color: #FFF;
  padding: 32px 32px;
}
.un_sendScout .un_sendScout_form textarea {
  width: 100%;
  min-height: 245px;
  border: 1px solid var(--color-gray);
  padding: 14px;
  border-radius: 5px;
}
.un_sendScout .un_sendScout_form input[type=text] {
  font-size: 16px;
  padding: 9px;
  border: 1px solid var(--color-gray);
  border-radius: 5px;
}
.un_sendScout .un_sendScout_form input[type=radio] + label {
  font-size: 14px;
  font-weight: bold;
}
.un_sendScout .un_sendScout_formItem:not(:first-of-type) {
  margin-top: 24px;
}
.un_sendScout .un_sendScout_formLbl {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 6px;
}
.un_sendScout .un_sendScout_selectBoxWrapper {
  position: relative;
  width: 500px;
  max-width: 100%;
  border: 1px solid var(--color-gray);
  border-radius: 5px;
}
.un_sendScout .un_sendScout_selectBoxWrapper::after {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  right: 7px;
  background-color: var(--color-main);
  width: 12px;
  height: 11px;
  pointer-events: none;
  transform: translateY(calc(-50% + 1px));
  clip-path: polygon(50% 70%, 0% 0%, 100% 0%);
}
.un_sendScout .un_sendScout_selectBox {
  width: 100%;
  font-size: 14px;
  padding: 14px 12px;
  line-height: 1;
  letter-spacing: 0.03em;
}
.un_sendScout .un_sendScout_selectBox:invalid {
  color: var(--color-gray);
}
.un_sendScout .un_sendScout_templateEdit {
  margin-top: 5px;
}
.un_sendScout .un_sendScout_templateEditLink {
  color: var(--color-main);
  text-decoration: underline;
}
.un_sendScout .un_sendScout_dateSettings {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: -2px;
}
.un_sendScout .un_sendScout_dateSettings .__dateItem {
  display: flex;
  align-items: center;
}
.un_sendScout .un_sendScout_dateSettings .__dateInputs {
  margin-left: 12px;
  font-size: 0;
}
.un_sendScout .un_sendScout_dateSettings .__dateInputs .__date {
  width: 118px;
  text-align: center;
}
.un_sendScout .un_sendScout_dateSettings .__dateInputs .__hour {
  width: 50px;
  text-align: center;
  margin-left: 8px;
}
.un_sendScout .un_sendScout_dateSettings .__dateInputs .__minute {
  width: 50px;
  text-align: center;
}
.un_sendScout .un_sendScout_dateSettings .__dateInputs .__txt {
  font-size: 16px;
  margin: 0 3px;
}
.un_sendScout .un_sendScout_btnWrapper {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 24px;
}
.un_sendScout .un_sendScout_backBtn {
  display: flex;
  align-items: center;
  font-size: 14px;
  border: 1px solid var(--color-gray_2);
  padding: 10px 25px;
  min-height: 50px;
  border-radius: 6px;
}
.un_sendScout .un_sendScout_submitBtn {
  display: flex;
  align-items: center;
  background-color: var(--color-main);
  font-size: 16px;
  font-weight: bold;
  padding: 10px 26px;
  color: #FFF;
  min-height: 50px;
  border-radius: 5px;
}
.un_sendScout .un_sendScout_submitBtn::before {
  display: block;
  content: "";
  background-image: url(/assets/recruit/icon_send_scout/icon_message-cc4ceff503c6533c199f4869a098958a85fac94f6cb3045309cded3b62c0b833.svg);
  background-size: contain;
  background-position: center;
  width: 24px;
  height: 18px;
  margin-right: 8px;
}

/* Recruit card
  ----------------------------------------------------------------- */
.bl_recruitCard {
  background-color: #FFF;
  border-radius: 10px;
  box-shadow: var(--box-shadow_2);
  border: 1px solid var(--color-gray_2);
}
.bl_recruitCard .bl_recruitCard_inner {
  position: relative;
  display: flex;
}
.bl_recruitCard .bl_recruitCard_inner_button {
  width: 100%;
  text-align: left;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
.bl_recruitCard .bl_recruitCard_body {
  flex-grow: 1;
  position: relative;
  min-width: 0;
  padding: 32px 32px 32px 16px;
}
.bl_recruitCard .bl_recruitCard_body .bl_recruitCard_body_header {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.bl_recruitCard .bl_recruitCard_ttl {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4444;
  margin-bottom: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bl_recruitCard .bl_recruitCard_infoList {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.bl_recruitCard .bl_recruitCard_infoItem {
  display: flex;
  font-size: 14px;
  line-height: 1.4285;
}
.bl_recruitCard .bl_recruitCard_infoItem .__dt {
  position: relative;
  display: flex;
  min-width: 72px;
  padding-right: 14px;
}
.bl_recruitCard .bl_recruitCard_infoItem .__dt::after {
  position: absolute;
  display: block;
  content: "：";
  top: 0;
  right: 0;
  font-weight: bold;
}
.bl_recruitCard .bl_recruitCard_infoItem .__dd {
  font-weight: bold;
}
.bl_recruitCard .bl_recruitCard_meta {
  position: absolute;
  display: flex;
  gap: 12px;
  bottom: 32px;
  right: 32px;
  font-size: 14px;
  line-height: 1.1428;
}
.bl_recruitCard .bl_recruitCard_counts {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  gap: 8px;
  margin-left: 10px;
}
.bl_recruitCard .bl_recruitCard_countItem {
  border-radius: 6px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2;
  padding: 8px 15px;
}
.bl_recruitCard .bl_recruitCard_countItem.scout-count {
  background-color: var(--color-main);
  border: 1px solid var(--color-main);
  color: #FFF;
}
.bl_recruitCard .bl_recruitCard_countItem.scout-count.no-remaining {
  background-color: var(--color-gray);
  border: 1px solid var(--color-gray);
  color: #FFF;
}
.bl_recruitCard .bl_recruitCard_countItem.recruit-bookmark-count {
  background-color: #FFF;
  border: 1px solid var(--color-main);
  color: var(--color-main);
}
.bl_recruitCard .bl_recruitCard_countItem.recruit-bookmark-count.no-remaining {
  background-color: #FFF;
  border: 1px solid var(--color-gray);
  color: var(--color-gray);
}

/* Custom properties
   ----------------------------------------------------------------- */
:root {
  --color-main: #2DACC3;
  --color-txt: #404040;
  --color-gray: #9D9D9D;
  --color-gray_2: #D2D2D2;
  --color-light-gray: #EFEFEF;
  --color-light-gray_2: #F3F3F3;
  --color-bg_hover: #D6F3F6;
  --font-red-hat-disp: "Red Hat Display", sans-serif;
  --box-shadow: 0 6px 12px rgba(0, 0, 0, .05);
  --box-shadow_2: 0 12px 24px rgba(0, 0, 0, .05);
  --box-shadow_3: 0 16px 32px rgba(0, 0, 0, .1);
  --cont-width_side: 230px;
  --cont-pad: 22px;
  --header-height: 52px;
  --thumb-ratio: 56.25%;
  --bdr-radius_round: 99px;
  --opacity_80: .8;
  --transition_ease: all .3s ease;
  --site-min-width: 1080px;
}

/* ==========================================================================
   Base（update）
   ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
  Layout（update）
  ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
  Element（update）
  ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
  Block（update）
  ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
   Page element
   ========================================================================== */
/* ****
  ----------------------------------------------------------------- */
/* ==========================================================================
  Page block
  ========================================================================== */
/* ****
  ----------------------------------------------------------------- */
/* ==========================================================================
   Unique
   ========================================================================== */
/* SignIn login
  ----------------------------------------------------------------- */
.un_signInLogin {
  padding-top: 105px;
  letter-spacing: 0.03em;
}
.un_signInLogin .un_signInLogin_inner {
  width: calc(600px + var(--cont-pad) * 2);
  margin-left: auto;
  margin-right: auto;
  padding: 0 var(--cont-pad);
}
.un_signInLogin .un_signInLogin_heading {
  font-size: 22px;
  color: var(--color-main);
  text-align: center;
  line-height: 1.68;
  margin-bottom: 20px;
}
.un_signInLogin .un_signInLogin_txt {
  text-align: center;
  font-size: 12px;
  margin-bottom: 20px;
}
.un_signInLogin .un_signInLogin_form {
  background-color: #F5FBFC;
  padding: 32px 50px;
}
.un_signInLogin .un_signInLogin_formItem:not(:first-child) {
  margin-top: 24px;
}
.un_signInLogin .un_signInLogin_formItem input[type=email],
.un_signInLogin .un_signInLogin_formItem input[type=text],
.un_signInLogin .un_signInLogin_formItem input[type=password] {
  background-color: #FFF;
  width: 100%;
  font-size: 14px;
  padding: 12.5px 20px;
}
.un_signInLogin .un_signInLogin_formItem:has(> .un_signInLogin_checkbox) {
  display: flex;
  justify-content: center;
}
.un_signInLogin .un_signInLogin_checkbox {
  position: relative;
  display: flex;
  align-items: center;
}
.un_signInLogin .un_signInLogin_checkbox input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
.un_signInLogin .un_signInLogin_checkbox input[type=checkbox]:checked + .__lbl::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 2px;
  width: 12.5px;
  height: 7.5px;
  border-left: 3px solid var(--color-main);
  border-bottom: 3px solid var(--color-main);
  transform: translateY(calc(-50% - 2px)) rotate(-45deg);
}
.un_signInLogin .un_signInLogin_checkbox .__lbl {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 12px;
}
.un_signInLogin .un_signInLogin_checkbox .__lbl::before {
  display: block;
  content: "";
  background: #fff;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  transform: translateY(-1px);
}
.un_signInLogin .un_signInLogin_btnWrapper {
  margin-top: 20px;
}
.un_signInLogin .un_signInLogin_btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #B1E4EF, #D2F0CF);
  width: 100%;
  padding: 13px 10px;
  font-size: 14px;
  font-weight: bold;
  border-radius: var(--bdr-radius_round);
}
.un_signInLogin .un_signInLogin_btn::before {
  display: block;
  content: "";
  background-image: url(/assets/recruit/icon/icon_circleArwR_green-ecfad7879c171c8976dc8261ecc0566d05d08730dc6a93c4879bdc326d6c5d69.svg);
  background-size: contain;
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.un_signInLogin .un_signInLogin_linkList {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
}
.un_signInLogin .un_signInLogin_link {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: bold;
}
.un_signInLogin .un_signInLogin_link::before {
  flex-shrink: 0;
  display: flex;
  content: "";
  background-image: url(/assets/recruit/icon/icon_circleArwR_gray-582cfc568b5357ef5c04f3a533ef66e54158851f93fce43b369b940f61ffe55a.svg);
  background-size: contain;
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.un_signInLogin .un_signInLogin_link:not(:first-child) {
  margin-top: 15px;
}

/* Custom properties
   ----------------------------------------------------------------- */
:root {
  --color-main: #2DACC3;
  --color-txt: #404040;
  --color-gray: #9D9D9D;
  --color-gray_2: #D2D2D2;
  --color-light-gray: #EFEFEF;
  --color-light-gray_2: #F3F3F3;
  --color-bg_hover: #D6F3F6;
  --font-red-hat-disp: "Red Hat Display", sans-serif;
  --box-shadow: 0 6px 12px rgba(0, 0, 0, .05);
  --box-shadow_2: 0 12px 24px rgba(0, 0, 0, .05);
  --box-shadow_3: 0 16px 32px rgba(0, 0, 0, .1);
  --cont-width_side: 230px;
  --cont-pad: 22px;
  --header-height: 52px;
  --thumb-ratio: 56.25%;
  --bdr-radius_round: 99px;
  --opacity_80: .8;
  --transition_ease: all .3s ease;
  --site-min-width: 1080px;
}

/* ==========================================================================
   Base
   ========================================================================== */
/* Default settings
   ----------------------------------------------------------------- */
html {
  font-size: 16px;
}

body {
  font-family: "Roboto", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  color: var(--color-txt);
  line-height: 1.4;
  letter-spacing: 0.02em;
}

a {
  color: var(--color-txt);
  text-decoration: none;
}

a:hover,
button:hover {
  opacity: 0.6;
}

img {
  max-width: 100%;
  font-size: 0;
}

ul, li {
  list-style: none;
}

table {
  border-collapse: collapse;
}

select {
  -webkit-appearance: none;
  appearance: none;
}

::placeholder {
  color: var(--color-gray);
}

/* ==========================================================================
   Layout
   ========================================================================== */
/* Header
   ----------------------------------------------------------------- */
.ly_header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: var(--site-min-width);
  background-color: #FFF;
  box-shadow: var(--box-shadow);
  z-index: 10;
}
.ly_header .ly_header_inner {
  padding: 0 var(--cont-pad);
}

/* Content
   ----------------------------------------------------------------- */
.ly_contWrapper {
  min-height: 100vh;
  padding-top: var(--header-height);
}
.ly_contWrapper.ly_contWrapper__bgGray {
  background-color: var(--color-light-gray);
}

.ly_cont {
  display: flex;
}
.ly_cont .ly_cont_main {
  flex-grow: 1;
  max-height: calc(100svh - var(--header-height));
  overflow: scroll;
  z-index: 0;
}
.ly_cont .ly_cont_side {
  flex-basis: var(--cont-width_side);
  flex-shrink: 0;
  z-index: 1;
}

/* ==========================================================================
   Element
   ========================================================================== */
/* ****
  ----------------------------------------------------------------- */
/* ==========================================================================
   Block
   ========================================================================== */
/* Header contents
  ----------------------------------------------------------------- */
.bl_headerConts {
  position: relative;
  display: flex;
  align-items: center;
  height: var(--header-height);
}
.bl_headerConts .bl_headerConts_user {
  margin-left: auto;
}

/* Header logo
  ----------------------------------------------------------------- */
.bl_headerLogo .bl_headerLogo_img {
  width: 98px;
  height: auto;
}
.bl_headerLogo .bl_headerLogo_link {
  display: flex;
  align-items: center;
}
.bl_headerLogo .bl_headerLogo_subTxt {
  font-size: 12px;
  color: #5F5E5E;
  margin-left: 11px;
  letter-spacing: 0.03em;
  transform: translateY(1.5px);
}
.bl_headerLogo .bl_headerLogo_dev {
  margin-left: 11px;
  font-size: 14px;
  font-weight: bold;
  color: #2196F3;
}
.bl_headerLogo .bl_headerLogo_stg {
  margin-left: 11px;
  font-size: 14px;
  font-weight: bold;
  color: #F16872;
}

/* Header user
  ----------------------------------------------------------------- */
.bl_headerUser .bl_headerUser_btn {
  display: flex;
  align-items: center;
  gap: 10px;
}
.bl_headerUser .bl_headerUser_body {
  text-align: right;
  letter-spacing: 0.03em;
}
.bl_headerUser .bl_headerUser_txt {
  font-size: 13px;
  line-height: 1.4615;
}
.bl_headerUser .bl_headerUser_txt .__hn {
  margin-left: 4px;
}
.bl_headerUser .bl_headerUser_subTxt {
  font-size: 10px;
  line-height: 1.5;
  margin-top: 3.5px;
  margin-bottom: -1px;
}
.bl_headerUser .bl_headerUser_imgWrapper {
  width: 34px;
  height: 34px;
  border-radius: var(--bdr-radius_round);
}

/* Header user menu
  ----------------------------------------------------------------- */
.bl_headerUserMenu {
  position: absolute;
  box-shadow: var(--box-shadow_3);
  top: calc(100% - 4px);
  right: 0;
  width: 291px;
  padding: 18.5px 4px;
  background-color: #FFF;
  border: 1px solid var(--color-gray_2);
  box-shadow: var(--box-shadow_3);
  border-radius: 6px;
}
.bl_headerUserMenu:not(.is_active) {
  display: none;
}
.bl_headerUserMenu::before, .bl_headerUserMenu::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 100%;
  right: 9px;
  width: 14px;
  height: 10px;
  background-color: var(--color-gray_2);
  clip-path: polygon(50% 30%, 0% 100%, 100% 100%);
}
.bl_headerUserMenu::after {
  bottom: calc(100% - 1.5px);
  background-color: #FFF;
}
.bl_headerUserMenu .bl_headerUserMenu_list {
  position: relative;
}
.bl_headerUserMenu .bl_headerUserMenu_item {
  font-size: 14px;
}
.bl_headerUserMenu .bl_headerUserMenu_link {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 15px 25px;
}
.bl_headerUserMenu .bl_headerUserMenu_link.-logout::before {
  display: block;
  content: "";
  background-image: url(/assets/recruit/header/icon_logout-7a2515bb841153189465bc80dca6fe7ead700096ad5b1fc6393d41ea31b42821.svg);
  background-size: contain;
  width: 19px;
  height: 20px;
}
.bl_headerUserMenu .bl_headerUserMenu_link:hover {
  background-color: var(--color-bg_hover);
  color: var(--color-main);
}
.bl_headerUserMenu .bl_headerUserMenu_link:hover.-logout::before {
  background-image: url(/assets/recruit/header/icon_logout_active-a63a6f62791c32fbe671693e1ed02623f83011ccbdcf2e0a886e8f3345bcfa77.svg);
}

/* Recruit card
   ----------------------------------------------------------------- */
.bl_recruitCard_wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.bl_recruitCard {
  background-color: #FFF;
  border-radius: 10px;
  box-shadow: var(--box-shadow_2);
}
.bl_recruitCard .bl_recruitCard_inner {
  position: relative;
  display: flex;
}
.bl_recruitCard .bl_recruitCard_inner_button {
  width: 100%;
  text-align: left;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
.bl_recruitCard .bl_recruitCard_head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 68px;
}
.bl_recruitCard .bl_recruitCard_head .__num {
  font-family: var(--font-red-hat-disp);
  font-size: 26px;
  font-weight: bold;
  line-height: 1.1923;
}
.bl_recruitCard .bl_recruitCard_head::after {
  position: absolute;
  display: block;
  content: "";
  top: 32px;
  bottom: 32px;
  right: 0;
  background-color: var(--color-gray_2);
  width: 1px;
  height: auto;
}
.bl_recruitCard .bl_recruitCard_body {
  flex-grow: 1;
  position: relative;
  min-width: 0;
  padding: 32px 32px 32px 16px;
}
.bl_recruitCard .bl_recruitCard_body .bl_recruitCard_body_header {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.bl_recruitCard .bl_recruitCard_ttl {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4444;
  margin-bottom: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bl_recruitCard .bl_recruitCard_infoList {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.bl_recruitCard .bl_recruitCard_infoItem {
  display: flex;
  font-size: 14px;
  line-height: 1.4285;
}
.bl_recruitCard .bl_recruitCard_infoItem .__dt {
  position: relative;
  display: flex;
  min-width: 72px;
  padding-right: 14px;
}
.bl_recruitCard .bl_recruitCard_infoItem .__dt::after {
  position: absolute;
  display: block;
  content: "：";
  top: 0;
  right: 0;
  font-weight: bold;
}
.bl_recruitCard .bl_recruitCard_infoItem .__dd {
  font-weight: bold;
}
.bl_recruitCard .bl_recruitCard_meta {
  position: absolute;
  display: flex;
  gap: 12px;
  bottom: 32px;
  right: 32px;
  font-size: 14px;
  line-height: 1.1428;
}
.bl_recruitCard .bl_recruitCard_btnWrapper {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding-right: 32px;
}
.bl_recruitCard .bl_recruitCard_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFF;
  width: 143px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5714;
  color: var(--color-main);
  border: 1px solid var(--color-main);
  padding: 7px 7px;
  border-radius: 6px;
}
.bl_recruitCard .bl_recruitCard_btn:hover {
  background-color: #D6F3F6;
  opacity: inherit;
}
.bl_recruitCard .bl_recruitCard_counts {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  gap: 8px;
  margin-left: 10px;
}
.bl_recruitCard .bl_recruitCard_countItem {
  border-radius: 6px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2;
  padding: 8px 15px;
}
.bl_recruitCard .bl_recruitCard_countItem.scout-count {
  background-color: var(--color-main);
  border: 1px solid var(--color-main);
  color: #FFF;
}
.bl_recruitCard .bl_recruitCard_countItem.scout-count.no-remaining {
  background-color: var(--color-gray);
  border: 1px solid var(--color-gray);
  color: #FFF;
}
.bl_recruitCard .bl_recruitCard_countItem.recruit-bookmark-count {
  background-color: #FFF;
  border: 1px solid var(--color-main);
  color: var(--color-main);
}
.bl_recruitCard .bl_recruitCard_countItem.recruit-bookmark-count.no-remaining {
  background-color: #FFF;
  border: 1px solid var(--color-gray);
  color: var(--color-gray);
}

/* Chat detail item
  ----------------------------------------------------------------- */
.bl_chatDetailItem {
  display: flex;
}
.bl_chatDetailItem .bl_chatDetailItem_iconWrapper {
  flex-shrink: 0;
  width: 59px;
  height: 59px;
  border-radius: 50%;
  overflow: hidden;
}
.bl_chatDetailItem .bl_chatDetailItem_body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-left: 17px;
}
.bl_chatDetailItem .bl_chatDetailItem_name {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 6px;
}
.bl_chatDetailItem .bl_chatDetailItem_cont {
  position: relative;
  background-color: #F8F8F8;
  border: 1px solid #EBEBEB;
  max-width: 85.9%;
  width: auto;
  font-size: 14px;
  line-height: 1.7857;
  padding: 16px 16px;
  border-radius: 0 10px 10px 10px;
}
.bl_chatDetailItem .bl_chatDetailItem_cont::before, .bl_chatDetailItem .bl_chatDetailItem_cont::after {
  position: absolute;
  display: block;
  content: "";
  top: -1px;
  right: 100%;
  width: 10px;
  height: 10px;
  background-color: #EBEBEB;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
}
.bl_chatDetailItem .bl_chatDetailItem_cont::after {
  top: 0;
  right: calc(100% - 2.5px);
  background-color: #F8F8F8;
}
.bl_chatDetailItem .bl_chatDetailItem_cont .__link {
  display: flex;
  align-items: center;
  color: var(--color-main);
}
.bl_chatDetailItem .bl_chatDetailItem_cont .__link .__linkTxt {
  text-decoration: underline;
}
.bl_chatDetailItem .bl_chatDetailItem_cont .__link.-icnClip::before {
  display: block;
  content: "";
  background-image: url(/assets/recruit/icon_common/icon_clip_active-b07d0057c3ab26d28e8d806ee32c1ff9863d4c474f13e9d318b78acc3ea08b0f.svg);
  background-size: contain;
  width: 11px;
  height: 16px;
  margin-right: 6px;
}
.bl_chatDetailItem .bl_chatDetailItem_date {
  font-size: 14px;
  line-height: 1.1428;
  color: var(--color-gray);
  margin-top: 6px;
}
.bl_chatDetailItem .bl_chatDetailItem_date .__statusTxt {
  margin-right: 6px;
}
.bl_chatDetailItem:not(:first-of-type) {
  margin-top: 25px;
}
.bl_chatDetailItem.-self {
  display: flex;
  justify-content: flex-end;
}
.bl_chatDetailItem.-self .bl_chatDetailItem_body {
  align-items: flex-end;
  margin-left: inherit;
  width: calc(100% - 76px);
}
.bl_chatDetailItem.-self .bl_chatDetailItem_cont {
  background-color: #EAF9FC;
  border-color: #D6F3F6;
  border-radius: 10px 0 10px 10px;
}
.bl_chatDetailItem.-self .bl_chatDetailItem_cont::before, .bl_chatDetailItem.-self .bl_chatDetailItem_cont::after {
  top: -1px;
  right: initial;
  left: 100%;
  background-color: #D6F3F6;
  clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
}
.bl_chatDetailItem.-self .bl_chatDetailItem_cont::after {
  top: 0;
  left: calc(100% - 2.5px);
  background-color: #EAF9FC;
}
.bl_chatDetailItem.-self .bl_chatDetailItem_date {
  text-align: right;
}

/* Favorit lbl
  ----------------------------------------------------------------- */
.bl_FavoritLbl {
  font-size: 12px;
  line-height: 1.4285;
  font-weight: bold;
}
.bl_FavoritLbl .__scoutTime {
  position: relative;
  color: var(--color-main);
  background-color: var(--color-bg_hover);
  border: 1px solid var(--color-main);
  border-radius: 3px;
  padding: 3px 6px 2px;
  margin-left: 8px;
}
.bl_FavoritLbl .__scoutTime::before {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 9px;
  margin-right: 2px;
  background-image: url(/assets/recruit/icon_send_scout/icon_interest-1a9d871d201e61a1110b0202dd179d373bde43bedbb6a77a646c5ed08792d8c5.svg);
  content: "";
}
.bl_FavoritLbl > *:nth-of-type(1) {
  margin-left: 0;
}

.bl_LastLoginLbl {
  font-size: 12px;
  line-height: 1.4285;
  font-weight: bold;
}
.bl_LastLoginLbl .__text {
  position: relative;
  color: #f36767;
  background-color: #FFF;
  border: 1px solid #f36767;
  border-radius: 3px;
  padding: 3px 6px 2px;
  margin-left: 8px;
}
.bl_LastLoginLbl > *:nth-of-type(1) {
  margin-left: 0;
}

.bl_StarLbl {
  font-size: 12px;
  line-height: 1.4285;
  font-weight: bold;
}
.bl_StarLbl .__text {
  position: relative;
  color: var(--color-main);
  background-color: #FFF;
  border: 1px solid var(--color-main);
  border-radius: 3px;
  padding: 3px 6px 2px;
  margin-left: 8px;
}
.bl_StarLbl > *:nth-of-type(1) {
  margin-left: 0;
}

/* Chat send
  ----------------------------------------------------------------- */
.bl_chatSend {
  position: sticky;
  bottom: 0;
  left: 0;
  background-color: #FFF;
  border-top: 1px solid var(--color-gray_2);
  padding: 12px 40px 20px;
}
.bl_chatSend textarea {
  display: block;
  border: 1px solid var(--color-gray);
  font-size: 14px;
  line-height: 1.5714;
  width: 100%;
  height: 110px;
  padding: 12px 12px;
  border-radius: 5px;
}
.bl_chatSend .bl_chatSend_btnWrapper {
  position: relative;
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}
.bl_chatSend .bl_chatSend_btnWrapper .bl_uploadFile {
  position: absolute;
  top: 0;
  left: 0;
}
.bl_chatSend .bl_chatSend_btn {
  background-color: var(--color-main);
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
  width: 146px;
  line-height: 1.5714;
  padding: 7px 14px;
  border-radius: 5px;
}
.bl_chatSend .bl_chatSend_selectionResult {
  display: flex;
  align-items: center;
  margin-top: 16px;
}
.bl_chatSend .bl_chatSend_selectionLbl {
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 16px;
  font-weight: bold;
  transform: translateY(1px);
}
.bl_chatSend .bl_chatSend_selectionLbl .__btn {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  background-color: var(--color-main);
  font-size: 14px;
  color: #FFF;
  line-height: 1;
  border-radius: 50%;
  cursor: pointer;
}
.bl_chatSend .bl_chatSend_selectionLbl .__btn:not(:hover) + .__tooltip {
  display: none;
}
.bl_chatSend .bl_chatSend_selectionLbl .__tooltip {
  position: absolute;
  bottom: calc(100% + 5px);
  left: 75px;
  width: 365px;
  background-color: rgba(255, 255, 255, 0.6);
  border: 1px solid var(--color-gray_2);
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  padding: 16px 16px;
  box-shadow: var(--box-shadow_2);
  border-radius: 6px;
}
.bl_chatSend .bl_chatSend_selectionLbl .__tooltip::before, .bl_chatSend .bl_chatSend_selectionLbl .__tooltip::after {
  position: absolute;
  display: block;
  content: "";
  top: 100%;
  left: 45.5px;
  width: 14px;
  height: 10px;
  background-color: var(--color-gray_2);
  clip-path: polygon(50% 70%, 0% 0%, 100% 0%);
}
.bl_chatSend .bl_chatSend_selectionLbl .__tooltip::after {
  top: calc(100% - 1.5px);
  background-color: #FFF;
}
.bl_chatSend .bl_chatSend_selectionBtnWrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: 24px;
}
.bl_chatSend .bl_chatSend_selectionBtn input[type=radio] {
  position: absolute;
  opacity: 0;
}
.bl_chatSend .bl_chatSend_selectionBtn input[type=radio]:checked + .__lbl {
  background-color: var(--color-main);
  color: #FFF;
  border-color: var(--color-main);
}
.bl_chatSend .bl_chatSend_selectionBtn .__lbl {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 146px;
  border: 1px solid var(--color-gray_2);
  font-size: 14px;
  font-weight: bold;
  padding: 6px 12px;
  line-height: 1.5714;
  border-radius: 6px;
  cursor: pointer;
}
.bl_chatSend .bl_chatSend_selectionBtn .__lbl:hover {
  background-color: #D6F3F6;
  border-color: #D6F3F6;
}

/* Upload file
  ----------------------------------------------------------------- */
.bl_uploadFile {
  position: relative;
}
.bl_uploadFile input[type=file] {
  position: absolute;
  opacity: 0;
}
.bl_uploadFile .bl_uploadFile_lbl {
  position: relative;
  font-size: 14px;
  text-decoration: underline;
  letter-spacing: 0;
  cursor: pointer;
}
.bl_uploadFile .bl_uploadFile_lbl:hover {
  color: var(--color-main);
  text-decoration: none;
}

/* modal cover
  ----------------------------------------------------------------- */
.bl_modalCover {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  z-index: 10;
  transition: opacity 0.7s ease;
}
.bl_modalCover:not(.is_active) {
  display: none;
}

/* modal
  ----------------------------------------------------------------- */
.bl_modal {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  background-color: #fff;
  width: calc(100% - 120px);
  min-width: 904px;
  max-width: 1280px;
  max-height: calc(100svh - 80px);
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
  z-index: 10;
}
.bl_modal:not(.is_active) {
  display: none;
}
.bl_modal .bl_modal_closeBtn {
  position: absolute;
  display: block;
  top: -29px;
  right: -29px;
  background-color: var(--color-main);
  background-image: url(/assets/recruit/icon_modal/icon_cross-a27cc9d6ceae0c265c3a86fcb5fb209fefcf61e5d8eb529571eb2cc8fab65598.svg);
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
  width: 58px;
  height: 58px;
  border-radius: var(--bdr-radius_round);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.bl_modal .bl_modal_closeBtn:hover {
  opacity: 1;
}
.bl_modal.-center {
  top: 50%;
  transform: translateY(-50%);
}
.bl_modal.-w780px {
  width: 780px;
}

/* User detail
  ----------------------------------------------------------------- */
.bl_userDetail .bl_userDetail_body {
  position: relative;
  padding-bottom: 40px;
}
.bl_userDetail .bl_userDetail_listHeading {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.45;
  margin-bottom: 11px;
}
.bl_userDetail .bl_userDetail_listHeading:not(:first-of-type) {
  margin-top: 24px;
}
.bl_userDetail .bl_userDetail_listHeading .__subTxt {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4285;
}
.bl_userDetail .bl_userDetail_list {
  background-color: var(--color-light-gray_2);
  padding: 24px 24px;
}
.bl_userDetail .bl_userDetail_listRow {
  display: flex;
  gap: 40px;
}
.bl_userDetail .bl_userDetail_listRow + .bl_userDetail_listRow {
  margin-top: 12px;
}
.bl_userDetail .bl_userDetail_listItem {
  display: flex;
  flex-direction: column;
}
.bl_userDetail .bl_userDetail_listItem .__lbl {
  font-size: 14px;
  line-height: 1.4285;
}
.bl_userDetail .bl_userDetail_listItem .__val {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  margin-top: 2px;
}
.bl_userDetail .bl_userDetail_listItem .__val .__subVal {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4285;
  margin-left: 4px;
}
.bl_userDetail .bl_userDetail_listItem .__valGrp {
  display: flex;
  gap: 23px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  margin-top: 4px;
}
.bl_userDetail .bl_userDetail_listItem .__valGrp .__valGrpItem {
  display: flex;
  justify-content: space-between;
}
.bl_userDetail .bl_userDetail_listItem .__valGrp .__valGrpLbl {
  margin-right: 10px;
}
.bl_userDetail .bl_userDetail_listItem .__txt {
  font-size: 16px;
  line-height: 1.5;
}
.bl_userDetail .bl_userDetail_career {
  background-color: var(--color-light-gray_2);
  padding: 24px 24px;
}
.bl_userDetail .bl_userDetail_career .__careerItem {
  position: relative;
  display: flex;
  align-items: flex-start;
  padding-left: 17px;
}
.bl_userDetail .bl_userDetail_career .__careerItem:not(:last-of-type) {
  padding-bottom: 12px;
}
.bl_userDetail .bl_userDetail_career .__careerItem:first-of-type::before {
  top: 10px;
}
.bl_userDetail .bl_userDetail_career .__careerItem::before {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 3px;
  background-color: var(--color-gray);
  width: 1px;
  height: 100%;
}
.bl_userDetail .bl_userDetail_career .__careerItem::after {
  position: absolute;
  display: block;
  content: "";
  top: 8.5px;
  left: 0;
  background-color: var(--color-gray);
  width: 7px;
  height: 7px;
  border-radius: var(--bdr-radius_round);
}
.bl_userDetail .bl_userDetail_career .__careerCurrent {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
}
.bl_userDetail .bl_userDetail_career .__careerLbl {
  display: flex;
  align-items: baseline;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.1363;
  margin-right: 20px;
}
.bl_userDetail .bl_userDetail_career .__careerUnit {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.4615;
  margin: 0 1px;
  transform: translateY(-1px);
}
.bl_userDetail .bl_userDetail_career .__careerTxt {
  font-size: 16px;
  line-height: 1.5;
}

/* Selection result
----------------------------------------------------------------- */
.bl_selectionResult {
  padding: 76px 0;
}
.bl_selectionResult .bl_selectionResult_heading {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.4285;
  text-align: center;
  margin-bottom: 27px;
  letter-spacing: 0.02em;
}
.bl_selectionResult .bl_selectionResult_body {
  width: 460px;
  margin-left: auto;
  margin-right: auto;
}
.bl_selectionResult .bl_selectionResult_list {
  position: relative;
}
.bl_selectionResult .bl_selectionResult_item {
  display: flex;
  align-items: flex-start;
  font-size: 16px;
  line-height: 1.5;
}
.bl_selectionResult .bl_selectionResult_item::before {
  display: block;
  content: "";
  background-image: url(/assets/recruit/icon/icon_excl_red-1480eb1b416400f32f34398292867ab787c0a93fc5b8b1d873782b88c7494890.svg);
  background-size: contain;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  transform: translateY(-2px);
  flex-shrink: 0;
}
.bl_selectionResult .bl_selectionResult_item + .bl_selectionResult_item {
  margin-top: 17px;
}
.bl_selectionResult .bl_selectionResult_item.__center {
  justify-content: center;
}
.bl_selectionResult .bl_selectionResult_btnWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 35px;
}
.bl_selectionResult .bl_selectionResult_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-main);
  border: 1px solid var(--color-main);
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
  padding: 12px 31px;
  border-radius: 5px;
}
.bl_selectionResult .bl_selectionResult_btn.-cancel {
  border-color: var(--color-gray_2);
  background-color: inherit;
  color: inherit;
  font-weight: normal;
}
.bl_selectionResult .bl_selectionResult_btn.-disabled {
  background-color: var(--color-gray_2);
  border: 1px solid var(--color-gray_2);
  color: var(--color-gray);
}
.bl_selectionResult .bl_selectionResult_content {
  border-top: 1px solid var(--color-gray_2);
  border-bottom: 1px solid var(--color-gray_2);
  margin-top: 12px;
  padding: 18px 0;
  text-align: center;
  font-size: 19px;
  font-weight: bold;
}

/* Page nav
  ----------------------------------------------------------------- */
.bl_pageNav_wrapper {
  display: flex;
  justify-content: flex-end;
}

.bl_pageNav {
  display: flex;
}
.bl_pageNav .bl_pageNav_item {
  display: flex;
  align-items: center;
}
.bl_pageNav .bl_pageNav_link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 1;
  min-width: 33px;
  height: 100%;
  padding: 8.5px 12px;
  border-radius: 6px;
}
.bl_pageNav .bl_pageNav_link:hover {
  background-color: var(--color-gray_2);
  opacity: 1;
}
.bl_pageNav .bl_pageNav_link.-current {
  background-color: var(--color-gray_2);
  color: var(--color-gray);
}
.bl_pageNav .bl_pageNav_link.-next::before {
  display: block;
  content: "";
  background-image: url(/assets/recruit/icon/icon_arwR-1f8d2c0f963651c6152bbaf0a460feaf713187dd0f0a6b0c262072139e9c1dcb.svg);
  background-size: contain;
  background-position: center;
  width: 6px;
  height: 9px;
}
.bl_pageNav .bl_pageNav_link.-prev::before {
  display: block;
  content: "";
  background-image: url(/assets/recruit/icon/icon_arwL-822c62ac2e4cc32fecc9d6ab29e9f0ce26de9b0655d7e786b62e56f5dbb1cc16.svg);
  background-size: contain;
  background-position: center;
  width: 6px;
  height: 9px;
}
.bl_pageNav .bl_pageNav_txt {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 23px;
  margin: 0 3px;
  transform: translateY(-1px);
}

/* flash message
  ----------------------------------------------------------------- */
.bl_flashMes_wrapper {
  position: fixed;
  top: 68px;
  left: auto;
  right: auto;
  display: flex;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  z-index: 10;
  pointer-events: none;
}

.bl_flashMes {
  --color: #28623C;
  --bgColor: #DBF2E3;
  --bdrColor: #B2E2C3;
  display: flex;
  align-items: center;
  background-color: var(--bgColor);
  width: 788px;
  margin-left: auto;
  margin-right: auto;
  padding: 31px 23px 30px 28px;
  color: var(--color);
  border: 1px solid var(--bdrColor);
  box-shadow: var(--box-shadow);
  border-radius: 10px;
  pointer-events: auto;
}
.bl_flashMes::before {
  align-self: flex-start;
  flex-shrink: 0;
  display: block;
  content: "";
  background-image: url(/assets/recruit/icon_flash_mes/icon_check_green-5ef747f7fd2b1d4004fd66f439b7110b7ce71662893d8ddafc9381d63687a40c.svg);
  background-size: contain;
  width: 25px;
  height: 25px;
  margin-right: 8px;
  transform: translateY(-2px);
}
.bl_flashMes.-notice {
  --color: #28623C;
  --bgColor: #DBF2E3;
  --bdrColor: #B2E2C3;
}
.bl_flashMes.-notice::before {
  background-image: url(/assets/recruit/icon_flash_mes/icon_check_green-5ef747f7fd2b1d4004fd66f439b7110b7ce71662893d8ddafc9381d63687a40c.svg);
}
.bl_flashMes.-alert {
  --color: #D12C2C;
  --bgColor: #FEE2E1;
  --bdrColor: #F5C0C0;
}
.bl_flashMes.-alert::before {
  background-image: url(/assets/recruit/icon_flash_mes/icon_excl_red-143915000b7a37131e493fa472cb446905e4dd7c78c8a3e78de4a0d6bd4a50b4.svg);
}
.bl_flashMes.-caution {
  --color: #6A4F01;
  --bgColor: #FFF3CD;
  --bdrColor: #EED88F;
}
.bl_flashMes.-caution::before {
  background-image: url(/assets/recruit/icon_flash_mes/icon_triExcl_yellow-84360090022f4bfd6cdb2744c4d6155e651c0ec3829e0fd1e12679ca9062fb96.svg);
  width: 29px;
}
.bl_flashMes .bl_flashMes_body {
  position: relative;
  padding-right: 8px;
}
.bl_flashMes .bl_flashMes_txt {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.bl_flashMes .bl_flashMes_closeBtn {
  align-self: flex-start;
  flex-shrink: 0;
  display: block;
  background-image: url(/assets/recruit/icon_flash_mes/icon_cross-6560e8dadfb6e42ee2be0bafd6db8b0fed27134b74c1ded1eb0fffa6a7fb6fef.svg);
  background-size: 18px 18px;
  background-position: center;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  margin-left: auto;
  margin-bottom: -5px;
  transform: translateY(-4px);
}
.bl_flashMes .bl_flashMes_closeBtn:hover {
  opacity: inherit;
}

/* Page nav
----------------------------------------------------------------- */
.bl_pageNav_wrapper {
  display: flex;
  justify-content: flex-end;
}

.bl_pageNav {
  display: flex;
}
.bl_pageNav .bl_pageNav_item {
  display: flex;
  align-items: center;
}
.bl_pageNav .bl_pageNav_link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 1;
  min-width: 33px;
  height: 100%;
  padding: 8.5px 12px;
  border-radius: 6px;
}
.bl_pageNav .bl_pageNav_link:hover {
  background-color: var(--color-gray_2);
  opacity: 1;
}
.bl_pageNav .bl_pageNav_link.-current {
  background-color: var(--color-gray_2);
  color: var(--color-gray);
}
.bl_pageNav .bl_pageNav_link.-next::before {
  display: block;
  content: "";
  background-image: url(/assets/recruit/icon/icon_arwR-1f8d2c0f963651c6152bbaf0a460feaf713187dd0f0a6b0c262072139e9c1dcb.svg);
  background-size: contain;
  background-position: center;
  width: 6px;
  height: 9px;
}
.bl_pageNav .bl_pageNav_link.-prev::before {
  display: block;
  content: "";
  background-image: url(/assets/recruit/icon/icon_arwL-822c62ac2e4cc32fecc9d6ab29e9f0ce26de9b0655d7e786b62e56f5dbb1cc16.svg);
  background-size: contain;
  background-position: center;
  width: 6px;
  height: 9px;
}
.bl_pageNav .bl_pageNav_txt {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 23px;
  margin: 0 3px;
  transform: translateY(-1px);
}

/* ==========================================================================
   Unique
   ========================================================================== */
/* ****
   ----------------------------------------------------------------- */
/* ==========================================================================
   Original
   ========================================================================== */
/* Display
   ----------------------------------------------------------------- */
@media (min-width: 600px) {
  .sp_only {
    display: none !important;
  }
}
@media (max-width: 599px) {
  .pt_only {
    display: none !important;
  }
}
@media (min-width: 1000px) {
  .st_only {
    display: none !important;
  }
}
@media (max-width: 999px) {
  .pc_only {
    display: none !important;
  }
}
/* ==========================================================================
   Utility
   ========================================================================== */
/* ****
   ----------------------------------------------------------------- */
/* ==========================================================================
   Helper
   ========================================================================== */
/* Display
   ----------------------------------------------------------------- */
.hp_none {
  display: none !important;
}

/* Margin
   ----------------------------------------------------------------- */
.hp_m__0 {
  margin: 0 !important;
}

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

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

/* Padding
   ----------------------------------------------------------------- */
.hp_p__0 {
  padding: 0 !important;
}

.hp_p__xs {
  padding: 0.5rem !important;
}

.hp_p__sm {
  padding: 1rem !important;
}

.hp_p__md {
  padding: 1.5rem !important;
}

.hp_pt__0 {
  padding-top: 0 !important;
}

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

.hp_pv__0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.hp_ph__0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ==========================================================================
   Unique
   ========================================================================== */
/* Terms Consent
  ----------------------------------------------------------------- */
.un_termsConsent {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 31px;
  z-index: 10000;
}
.un_termsConsent .un_termsConsent_inner {
  width: 960px;
  padding: 0;
}
.un_termsConsent .un_termsConsent_form {
  width: 100%;
  height: 760px;
  margin: 0 auto;
  background-color: #fff;
  padding: 32px;
  border-radius: 16px;
  box-shadow: 0px 352px 141px rgba(0, 0, 0, 0.01), 0px 198px 119px rgba(0, 0, 0, 0.05), 0px 88px 88px rgba(0, 0, 0, 0.09), 0px 22px 48px rgba(0, 0, 0, 0.1);
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.un_termsConsent .un_termsConsent_form::-webkit-scrollbar {
  display: none;
}
.un_termsConsent .un_termsConsent_formItem {
  height: auto;
}
.un_termsConsent .un_termsConsent_formItem:not(:first-child) {
  margin-top: 24px;
}
.un_termsConsent .un_termsConsent_heading {
  font-size: 18px;
  color: #404040;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 24px;
  font-weight: bold;
}
.un_termsConsent .un_termsConsent_notice {
  width: 480px;
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
  line-height: 1.6;
  color: #404040;
}
.un_termsConsent .un_termsConsent_pointsHeading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 0;
  width: 100%;
}
.un_termsConsent .un_termsConsent_pointsHeading span {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0;
  gap: 8px;
  width: 150px;
  height: 14.22px;
  flex: none;
  order: 0;
  flex-grow: 0;
  font-size: 14px;
  font-weight: bold;
  color: #2DACC3;
}
.un_termsConsent .un_termsConsent_points {
  background-color: #F5FBFC;
  border: 1px solid #2DACC3;
  padding: 16px;
  border-radius: 4px;
  width: 100%;
  margin: 0;
}
.un_termsConsent .un_termsConsent_pointsIcon {
  width: 16px;
  height: 16px;
  background-image: url(/assets/recruit/icon/icon_terms_info-b7703d2aea81cb638093139b9249f555d647b60388b32817861219b484ae42b4.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
}
.un_termsConsent .un_termsConsent_pointsList {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 8px;
  width: 100%;
  height: auto;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}
.un_termsConsent .un_termsConsent_point {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
}
.un_termsConsent .un_termsConsent_point p {
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 1.6;
  color: #404040;
  text-align: left;
}
.un_termsConsent .un_termsConsent_point a {
  color: #2DACC3;
  text-decoration: underline;
}
.un_termsConsent .un_termsConsent_pointLabel {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 6px 10px;
  gap: 8px;
  min-width: 46px;
  width: fit-content;
  height: 19px;
  background-color: #D6F3F6;
  border-radius: 2px;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
  line-height: 160%;
  text-transform: uppercase;
  color: #2DACC3;
  flex: none;
  order: 0;
  flex-grow: 0;
  white-space: nowrap;
}
.un_termsConsent .un_termsConsent_pointText {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 160%;
  text-transform: uppercase;
  color: #404040;
  flex: none;
  order: 1;
  flex-grow: 0;
  white-space: nowrap;
  min-width: 168px;
  width: fit-content;
}
.un_termsConsent .un_termsConsent_pointText:first-child {
  min-width: 168px;
}
.un_termsConsent .un_termsConsent_pointText:last-child {
  min-width: 264px;
}
.un_termsConsent .un_termsConsent_attentionWrapper {
  margin: 24px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.un_termsConsent .un_termsConsent_attention {
  width: 422px;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  color: #D12C2C;
  flex: none;
  order: 2;
  flex-grow: 0;
  white-space: nowrap;
}
.un_termsConsent .un_termsConsent_accordion {
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 16px;
}
.un_termsConsent .un_termsConsent_accordion:last-child {
  margin-bottom: 0;
}
.un_termsConsent .un_termsConsent_accordion_button {
  width: 100%;
  padding: 16px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #F9FAFB;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.un_termsConsent .un_termsConsent_accordion_button:hover {
  background-color: #F3F4F6;
}
.un_termsConsent .un_termsConsent_accordion_button[aria-expanded=true] {
  background-color: #F3F4F6;
}
.un_termsConsent .un_termsConsent_accordion_button[aria-expanded=true] .un_termsConsent_accordion_icon {
  transform: rotate(180deg);
}
.un_termsConsent .un_termsConsent_accordion_title {
  font-size: 16px;
  font-weight: 600;
  color: #111827;
}
.un_termsConsent .un_termsConsent_accordion_icon {
  width: 20px;
  height: 20px;
  transition: transform 0.3s ease;
}
.un_termsConsent .un_termsConsent_accordion_content {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  background-color: #FFFFFF;
  transition: all 0.3s ease;
}
.un_termsConsent .un_termsConsent_accordion_content[aria-hidden=false] {
  max-height: 1000px;
  opacity: 1;
  padding: 16px 24px;
}
.un_termsConsent .un_termsConsent_accordion_text {
  font-size: 14px;
  line-height: 1.6;
  color: #4B5563;
}

/* Terms Common
  ----------------------------------------------------------------- */
.un_termsCommon .un_termsConsent_formItem {
  height: auto;
}
.un_termsCommon .un_termsConsent_formItem:not(:first-child) {
  margin-top: 24px;
}
.un_termsCommon .un_termsConsent_links {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.un_termsCommon .un_termsConsent_linkItem {
  width: 100%;
}
.un_termsCommon .un_termsConsent_linkIcon {
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
}
.un_termsCommon .un_termsConsent_linkIcon--document {
  background-image: url(/assets/recruit/icon/icon_terms_document-85398b6930158f1195cb2c59108341c4e351a10701ae0f8b8f8b888280545e36.svg);
}
.un_termsCommon .un_termsConsent_link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px 24px;
  position: relative;
  border: 1px solid #D2D2D2;
  border-radius: 6px;
  font-size: 14px;
  font-weight: bold;
  color: #404040;
  background-color: #fff;
  width: 100%;
  cursor: pointer;
  transition: background-color 0.3s ease;
  margin-bottom: -1px;
}
.un_termsCommon .un_termsConsent_link:hover {
  background-color: #F8F8F8;
}
.un_termsCommon .un_termsConsent_link span {
  flex: 0 1 auto;
  text-align: center;
}
.un_termsCommon .un_termsConsent_link.is_active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.un_termsCommon .un_termsConsent_link.is_active .un_termsConsent_linkArrow {
  background-image: url(/assets/recruit/icon/icon_arrow_up-20d50ff51946c28652143a23584b6a0581f262fcc55d03e2129eeeadd4504096.svg);
}
.un_termsCommon .un_termsConsent_linkArrow {
  width: 16px;
  height: 16px;
  background-image: url(/assets/recruit/icon/icon_arrow_down-7b524cee94b6f8bd486ea1bfbd191c05b07e56f7f8f5751538d481a746efa628.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
}
.un_termsCommon .un_termsConsent_linkContent {
  display: none;
  background: #FFFFFF;
  border: 1px solid #D2D2D2;
  border-radius: 0 0 6px 6px;
  overflow: hidden;
  transition: all 0.3s ease;
}
.un_termsCommon .un_termsConsent_linkContent.is_active {
  display: block;
}
.un_termsCommon .un_termsConsent_linkContentInner {
  padding: 24px;
}
.un_termsCommon .un_termsConsent_linkContentTitle {
  font-size: 16px;
  font-weight: bold;
  color: #404040;
  margin-bottom: 16px;
}
.un_termsCommon .un_termsConsent_linkContentBody {
  font-size: 14px;
  line-height: 1.6;
  color: #404040;
}
.un_termsCommon .un_termsConsent_checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.un_termsCommon .un_termsConsent_checkboxInput {
  position: absolute;
  opacity: 0;
}
.un_termsCommon .un_termsConsent_checkboxInput:checked + .un_termsConsent_checkboxLabel::before {
  background-color: var(--color-main);
  border-color: var(--color-main);
}
.un_termsCommon .un_termsConsent_checkboxInput:checked + .un_termsConsent_checkboxLabel::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 4px;
  width: 9.5px;
  height: 7px;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  transform: translateY(calc(-50% - 1px)) rotate(-45deg);
}
.un_termsCommon .un_termsConsent_checkboxLabel {
  position: relative;
  padding-left: 30px;
  font-size: 12px;
  font-weight: bold;
  color: #404040;
  line-height: 1.67;
  cursor: pointer;
}
.un_termsCommon .un_termsConsent_checkboxLabel::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border: 1px solid #D2D2D2;
  border-radius: 2px;
  background-color: #fff;
}
.un_termsCommon .un_termsConsent_btnWrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
}
.un_termsCommon .un_termsConsent_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 24px 56px;
  background-color: #EFEFEF;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: bold;
  color: #D2D2D2;
  cursor: not-allowed;
  pointer-events: none;
  transition: all 0.3s ease;
}
.un_termsCommon .un_termsConsent_btn::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(/assets/recruit/icon/icon_check-65fdadca5682a70e6c38acf1433958aaf5d5f58181d7193b26ba75396d2a2636.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.un_termsCommon .un_termsConsent_btn.is_active {
  background-color: #2DACC3;
  color: #FFFFFF;
  cursor: pointer;
  pointer-events: auto;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}
.un_termsCommon .un_termsConsent_btn.is_active:hover {
  background-color: #269AAF;
}
.un_termsCommon .un_termsConsent_btn--cancel {
  padding: 12px 24px;
  font-size: 12px;
  color: #9D9D9D;
  border: none;
  background: none;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  pointer-events: auto;
  text-decoration: none;
}
.un_termsCommon .un_termsConsent_btn--cancel::before {
  display: none;
}
.un_termsCommon .un_termsConsent_btn--cancel img {
  width: 16px;
  height: 16px;
}
.un_termsCommon .un_termsConsent_btn--cancel:hover {
  opacity: 0.7;
}
.un_termsCommon .un_termsConsent_btn--cancel span {
  pointer-events: auto;
}
.un_termsCommon .un_termsConsent_btnIcon {
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
}
.un_termsCommon .un_termsConsent_btnIcon--cancel {
  background-image: url(/assets/recruit/icon/icon_cancel-a1d30866d70bd8b91c4978fd5ff0453005a32a43eedd022284df29683f44e0f3.svg);
}
.un_termsCommon .un_termsConsent_linkIcon {
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
}
.un_termsCommon .un_termsConsent_linkIcon--document {
  background-image: url(/assets/recruit/icon/icon_terms_document-85398b6930158f1195cb2c59108341c4e351a10701ae0f8b8f8b888280545e36.svg);
}
.un_termsCommon .un_termsConsent_linkIcon--external {
  margin-right: 0px;
  margin-left: 4px;
  background-image: url(/assets/recruit/icon/icon_external_link-6efcfedbc7bc04f1e9dc4628fca185adffc5e090afc58c14cf1e42363f00979a.svg);
}

.un_initialTermsConsent {
  max-width: 800px;
  margin: 0 auto;
  padding: 32px 0;
}
.un_initialTermsConsent .un_initialTermsConsent_header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 480px;
  margin: 0 auto;
}
.un_initialTermsConsent .un_initialTermsConsent_title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
  color: #404040;
  text-align: center;
}
.un_initialTermsConsent .un_initialTermsConsent_description {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  color: #404040;
  text-align: center;
}
.un_initialTermsConsent .un_initialTermsConsent_notice {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 0px;
  gap: 8px;
  width: 752px;
  height: 29px;
  margin: 32px auto 0;
  background-color: #FFECEC;
  flex: none;
  order: 0;
  flex-grow: 0;
}
.un_initialTermsConsent .un_initialTermsConsent_noticeText {
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  color: #D12C2C;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin: 0;
  padding-top: 1px;
}
.un_initialTermsConsent .un_initialTermsConsent_content {
  margin-top: 0;
  padding: 0 24px;
}
.un_initialTermsConsent .un_initialTermsConsent_section {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px 32px 32px;
  isolation: isolate;
  width: 752px;
  margin: -1px auto;
  border: 1px solid #DFDFDF;
  border-radius: 6px;
  flex: none;
  order: 0;
  flex-grow: 0;
}
.un_initialTermsConsent .un_initialTermsConsent_section:not(:first-child) {
  margin-top: -1px;
}
.un_initialTermsConsent .un_initialTermsConsent_sectionTitle {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
  color: #404040;
  text-align: center;
  margin-bottom: 16px;
}
.un_initialTermsConsent .un_initialTermsConsent_sectionDescription {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.6;
  color: #9D9D9D;
  text-align: center;
}
.un_initialTermsConsent .un_initialTermsConsent_form {
  width: 560px;
  margin: 32px auto;
}
.un_initialTermsConsent .un_initialTermsConsent_formItem {
  display: flex;
  align-items: center;
  gap: 8px;
}
.un_initialTermsConsent .un_initialTermsConsent_formItem:not(:first-child) {
  margin-top: 12px;
}
.un_initialTermsConsent .un_initialTermsConsent_formLabel {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  width: 180px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.6;
  color: #404040;
  white-space: nowrap;
}
.un_initialTermsConsent .un_initialTermsConsent_formLabelSub {
  font-size: 11px;
  font-weight: 500;
  line-height: 1.6;
  color: #404040;
  white-space: nowrap;
}
.un_initialTermsConsent .un_initialTermsConsent_required {
  font-size: 8px;
  font-weight: 700;
  line-height: 1.6;
  color: #D12C2C;
}
.un_initialTermsConsent .un_initialTermsConsent_descriptionRequired {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.6;
  color: #D12C2C;
}
.un_initialTermsConsent .un_initialTermsConsent_formInputWrapper {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
}
.un_initialTermsConsent .un_initialTermsConsent_formIcon,
.un_initialTermsConsent .un_initialTermsConsent_formIconSpace {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
.un_initialTermsConsent .un_initialTermsConsent_formIcon {
  background-image: url(/assets/icons/disabled-circle-0b26cfa1ef5877449be5fb8f8db2141cda5faa506011f54d2f32f001684b0e07.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.un_initialTermsConsent .un_initialTermsConsent_formInput {
  flex: 1;
  min-width: 0;
  width: 100%;
  position: relative;
}
.un_initialTermsConsent .un_initialTermsConsent_formInput.is_readonly {
  width: 100%;
  height: 40px;
  padding: 12px 14px;
  background-color: #EFEFEF;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.6;
  color: #BBBBBB;
}
.un_initialTermsConsent .un_initialTermsConsent_formInput--name-split {
  display: flex;
  gap: 8px;
  padding-right: 20%;
}
.un_initialTermsConsent .un_initialTermsConsent_formInput--phone-number-split {
  display: flex;
  gap: 8px;
  align-items: center;
}
.un_initialTermsConsent .un_initialTermsConsent_formInput input[type=text] {
  width: 100%;
  height: 40px;
  padding: 12px 14px;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  color: #404040;
}
.un_initialTermsConsent .un_initialTermsConsent_formInput input[type=text]::placeholder {
  color: #9D9D9D;
}
.un_initialTermsConsent .un_initialTermsConsent_formInputField {
  flex: 1;
  min-width: 0;
  width: 100%;
  max-width: 172px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin-right: 10px;
}
.un_initialTermsConsent .un_initialTermsConsent_formInputField label {
  width: 35%;
  font-size: 10px;
}
.un_initialTermsConsent .bl_termsConsentArea {
  margin: 0 0 24px;
  background: #F8F8F8;
  border: 1px solid #DFDFDF;
  padding: 32px;
}

.un_initialTermsConsent_section {
  border-radius: 0px;
}

/* Custom properties
   ----------------------------------------------------------------- */
:root {
  --color-main: #2DACC3;
  --color-txt: #404040;
  --color-gray: #9D9D9D;
  --color-gray_2: #D2D2D2;
  --color-light-gray: #EFEFEF;
  --color-light-gray_2: #F3F3F3;
  --color-bg_hover: #D6F3F6;
  --font-red-hat-disp: "Red Hat Display", sans-serif;
  --box-shadow: 0 6px 12px rgba(0, 0, 0, .05);
  --box-shadow_2: 0 12px 24px rgba(0, 0, 0, .05);
  --box-shadow_3: 0 16px 32px rgba(0, 0, 0, .1);
  --cont-width_side: 230px;
  --cont-pad: 22px;
  --header-height: 52px;
  --thumb-ratio: 56.25%;
  --bdr-radius_round: 99px;
  --opacity_80: .8;
  --transition_ease: all .3s ease;
  --site-min-width: 1080px;
}

.un_account .un_account_body {
  background-color: #F8F8F8;
  margin-right: 40px;
  overflow-y: scroll;
  padding: 26px 40px;
  min-height: 90vh;
  overflow: hidden;
}
.un_account .un_account_bodyInner {
  display: flex;
  min-width: 1050px;
}
.un_account .un_account_title {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.4285;
  margin-bottom: 10px;
}

.un_account_list {
  background-color: #FFFFFF;
  border-radius: 3px;
  border: 1px solid #E5E5E5;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  width: 100%;
  padding: 20px 40px;
  min-width: 950px;
}
.un_account_list .un_account_list_topBar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0px;
  background: #FFFFFF;
  border-bottom: 1px solid;
  border-color: #D2D2D2;
  min-width: inherit;
}
.un_account_list .un_account_list_topBar_left {
  font-weight: 700;
  font-size: 14px;
  color: #404040;
  display: flex;
  align-items: center;
  gap: 4px;
}
.un_account_list .un_account_list_topBar_left::before {
  display: block;
  content: "";
  background-image: url(/assets/recruit/icon_account/icon_list-f24c81984f87fb3d6fbf53ff0f58c637dbfe52bcf905b442f61176ed0076b967.svg);
  background-size: contain;
  width: 13px;
  height: 13px;
  margin-right: 4px;
  transform: translateY(3px);
}
.un_account_list .un_account_list_topBar_right {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  background-color: #2DACC3;
  border: none;
  border-radius: 6px;
  text-decoration: none;
  cursor: pointer;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.6;
  color: #FFFFFF;
  transition: opacity 0.3s ease;
}
.un_account_list .un_account_list_topBar_right::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(/assets/recruit/icon_account/icon_add-58e92f0cd8380e04f3da74f85a4d75149f8b30593be4f2857d7499607ba52251.svg);
  background-repeat: no-repeat;
  background-position: center;
  filter: brightness(0) invert(1);
}
.un_account_list .un_account_list_topBar_right:hover {
  opacity: 0.8;
}
.un_account_list .un_account_list_header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 8px 0;
  border-bottom: 1px solid;
  border-color: #D2D2D2;
  min-width: inherit;
}
.un_account_list .un_account_list_header_left {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1;
}
.un_account_list .un_account_list_header_role {
  width: 88px;
  padding: 8px 0;
  font-size: 12px;
  line-height: 1.6;
  flex-shrink: 0;
}
.un_account_list .un_account_list_header_name {
  width: 190px;
  padding: 8px 0 8px 8px;
  font-size: 12px;
  line-height: 1.6;
  border-left: 1px solid;
  border-color: #D2D2D2;
  flex-shrink: 0;
}
.un_account_list .un_account_list_header_email {
  display: flex;
  padding: 8px 0px 8px 8px;
  font-size: 12px;
  line-height: 1.6;
  flex-shrink: 0;
  border-left: 1px solid;
  border-color: #D2D2D2;
}
.un_account_list .un_account_list_header_edit {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 8px 0 8px 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  border-left: 1px solid;
  border-color: #D2D2D2;
  width: auto;
  flex-shrink: 0;
  margin-left: auto;
  margin-right: 80px;
}

.un_account_list_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0px 16px 0;
  border-bottom: 1px solid #EFEFEF;
  min-width: 950px;
}
.un_account_list_item .un_account_list_item_left {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1;
}
.un_account_list_item .un_account_list_item_email {
  flex: 1;
  min-width: 200px;
  width: 360px;
  padding-right: 16px;
  font-size: 14px;
  line-height: 1.6;
}
.un_account_list_item .un_account_list_item_role {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 8px;
  width: 88px;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: 0.08em;
  color: #9D9D9D;
  background: #F8F8F8;
  border: 1px solid #E5E5E5;
}
.un_account_list_item .un_account_list_item_role.__admin {
  color: #2DACC3;
  background: #E1F5F7;
  border-color: #2DACC3;
}
.un_account_list_item .un_account_list_item_name {
  flex-shrink: 0;
  width: 200px;
  padding-left: 8px;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.6;
  color: #404040;
}
.un_account_list_item .un_account_list_item_name_link {
  text-decoration: none;
  color: inherit;
}
.un_account_list_item .un_account_list_item_current {
  color: #2DACC3;
  margin-left: 4px;
}
.un_account_list_item .un_account_list_item_edit {
  width: 175px;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 7px 7px;
  background: #FFFFFF;
  border: 1px solid rgba(45, 172, 195, 0.4);
  border-radius: 6px;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.6;
  color: #2DACC3;
  cursor: pointer;
  transition: opacity 0.3s ease;
  box-shadow: 4px 4px 8px rgba(30, 97, 109, 0.08);
}
.un_account_list_item .un_account_list_item_edit i {
  font-size: 12px;
  color: #2DACC3;
}
.un_account_list_item .un_account_list_item_edit:hover {
  opacity: 0.8;
}
.un_account_list_item .un_account_list_item_edit.-disabled {
  width: 175px;
  padding: 7px 7px;
  font-size: 14px;
  line-height: 1.6;
  font-weight: bold;
  background: #F2F2F2;
  border: 1px solid #E5E5E5;
  color: #999999;
  cursor: not-allowed;
  opacity: 0.6;
  box-shadow: none;
}
.un_account_list_item .un_account_list_item_edit.-disabled i {
  color: #999999;
}
.un_account_list_item .un_account_list_item_edit.-disabled:hover {
  opacity: 0.6;
}

.un_account_edit {
  min-width: 910px;
  background-color: #FFFFFF;
  border: 1px solid #E5E5E5;
  border-radius: 3px;
  width: 100%;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  padding: 24px;
}
.un_account_edit .un_account_edit_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.un_account_edit .un_account_edit_back_button {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  border: 1px solid #E5E5E5;
  border-radius: 3px;
  background: #FFFFFF;
  transition: opacity 0.3s ease;
}
.un_account_edit .un_account_edit_back_button .un_account_edit_back_button_text {
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
  color: #9D9D9D;
}
.un_account_edit .un_account_edit_back_button .un_account_edit_back_button_icon {
  width: 12px;
  height: 12px;
  margin-right: 4px;
  margin-top: 4px;
}
.un_account_edit .un_account_edit_back_button:hover {
  opacity: 0.8;
}
.un_account_edit .un_account_edit_title {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.6;
  color: #404040;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 8px;
  padding-right: 120px;
}
.un_account_edit .un_account_edit_title::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(/assets/recruit/icon_account/icon_profile-a3a735ab3692d45c97575aceb4e59c1cd65598123623cba217f23fe608b9c46a.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.un_account_edit .un_account_edit_title .un_account_edit_title_suffix {
  font-size: 12px;
  font-weight: 700;
  margin-top: 5px;
}
.un_account_edit .un_account_edit_description {
  padding: 40px 24px 0 24px;
  margin-right: 130px;
  margin-left: 130px;
  font-size: 14px;
  line-height: 1.6;
  color: #9D9D9D;
}

.un_account_edit_form {
  padding: 24px;
  margin-right: 130px;
  margin-left: 130px;
}
.un_account_edit_form .un_account_edit_form_group_container {
  background-color: #F8F8F8;
  padding: 30px 40px;
  border-radius: 3px;
  min-width: 650px;
}
.un_account_edit_form .un_account_form_group {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 12px;
}
.un_account_edit_form .un_account_form_group:last-child {
  margin-bottom: 0;
}
.un_account_edit_form .un_account_form_label {
  min-width: 160px;
  height: 20px;
  gap: 8px;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.6;
  color: #404040;
  margin: auto 0;
}
.un_account_edit_form .un_account_form_label .not_required {
  margin-left: 50px;
}
.un_account_edit_form .un_account_form_required {
  padding: 4px 8px;
  background: #FFFFFF;
  border: 1px solid #F16872;
  border-radius: 2px;
  color: #F16872;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}
.un_account_edit_form .un_account_form_fields {
  flex: 1;
  display: flex;
  gap: 16px;
}
.un_account_edit_form .un_account_form_fields__radio .un_account_form_radio_group {
  flex: 1;
  display: flex;
  gap: 16px;
}
.un_account_edit_form .un_account_form_input {
  height: 40px;
  padding: 8px 16px;
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  border-radius: 3px;
  font-size: 14px;
  line-height: 1.6;
  color: #404040;
  flex: 1;
}
.un_account_edit_form .un_account_form_input::placeholder {
  color: #9D9D9D;
}
.un_account_edit_form .un_account_form_input:focus {
  outline: none;
  border-color: #2DACC3;
}
.un_account_edit_form .un_account_form_radio {
  position: absolute;
  opacity: 0;
}
.un_account_edit_form .un_account_form_radio + .un_account_form_radio_label {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 24px 10px 16px;
  border-radius: 4px;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.6;
  color: #404040;
  cursor: pointer;
  border: 1px solid #DFDFDF;
  background: #FFFFFF;
  transition: all 0.3s ease;
}
.un_account_edit_form .un_account_form_radio + .un_account_form_radio_label .un_account_form_radio_circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #DFDFDF;
  background: #F5F5F5;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.un_account_edit_form .un_account_form_radio + .un_account_form_radio_label .un_account_form_radio_circle::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: transparent;
  transition: all 0.3s ease;
}
.un_account_edit_form .un_account_form_radio + .un_account_form_radio_label .un_account_form_radio_circle::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  mask-image: url(/assets/recruit/icon_account/icon_check-eb5e430fa069577fc9eb1e1d5040102db59504c1fe2cd9dc2e60b878300695e6.svg);
  -webkit-mask-image: url(/assets/recruit/icon_account/icon_check-eb5e430fa069577fc9eb1e1d5040102db59504c1fe2cd9dc2e60b878300695e6.svg);
  mask-size: 10px;
  -webkit-mask-size: 10px;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  background-color: transparent;
  transition: all 0.3s ease;
}
.un_account_edit_form .un_account_form_radio:checked + .un_account_form_radio_label {
  background: #EDFCFF;
  border-color: #2DACC3;
  color: #2DACC3;
}
.un_account_edit_form .un_account_form_radio:checked + .un_account_form_radio_label .un_account_form_radio_circle {
  border-color: #2DACC3;
  border-width: 1.6px;
  background: #FFFFFF;
}
.un_account_edit_form .un_account_form_radio:checked + .un_account_form_radio_label .un_account_form_radio_circle::before {
  background: #2DACC3;
}
.un_account_edit_form .un_account_form_radio:checked + .un_account_form_radio_label .un_account_form_radio_circle::after {
  background-color: #FFFFFF;
}
.un_account_edit_form .un_account_form_radio:not(:checked) + .un_account_form_radio_label:hover {
  background: #F8F8F8;
}
.un_account_edit_form .un_account_form_action {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.un_account_edit_form .un_account_form_submit {
  min-width: 240px;
  height: 48px;
  padding: 12px 32px;
  background: #2DACC3;
  border: none;
  border-radius: 3px;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.6;
  color: #FFFFFF;
  cursor: pointer;
  transition: opacity 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.un_account_edit_form .un_account_form_submit .un_account_form_submit_icon {
  width: 20px;
  height: 20px;
  filter: brightness(0) invert(1);
}
.un_account_edit_form .un_account_form_submit:disabled {
  background: #F2F2F2;
  border: 1px solid #E5E5E5;
  color: #9D9D9D;
  cursor: not-allowed;
}
.un_account_edit_form .un_account_form_submit:disabled .un_account_form_submit_icon {
  opacity: 0.5;
}
.un_account_edit_form .un_account_form_submit:not(:disabled):hover {
  opacity: 0.8;
}
.un_account_edit_form .un_account_form_question {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.6;
  color: #404040;
}
.un_account_edit_form .un_account_form_question_icon {
  cursor: pointer;
  position: relative;
  top: 3px;
}
.un_account_edit_form .un_account_form_question_icon img {
  width: 16px;
  height: 16px;
  opacity: 0.6;
  transition: opacity 0.3s ease;
}
.un_account_edit_form .un_account_form_question_icon:hover img {
  opacity: 0.8;
}
.un_account_edit_form .un_account_form_question_icon:hover .un_account_form_tooltip {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.un_account_edit_form .un_account_form_question_text {
  cursor: default;
}
.un_account_edit_form .un_account_form_question .un_account_form_tooltip {
  position: absolute;
  top: 50%;
  left: 24px;
  transform: translateY(-50%);
  width: 380px;
  background: #fff;
  border: 1px solid #D2D2D2;
  border-radius: 8px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.16);
  padding: 20px 12px 16px 12px;
  color: #404040;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s, visibility 0.2s;
  white-space: normal;
}
.un_account_edit_form .un_account_form_question .un_account_form_tooltip::after {
  content: "";
  position: absolute;
  left: -5px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 8px;
  height: 8px;
  background: #FFFFFF;
  border-left: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
}
.un_account_edit_form .un_account_form_question .un_account_form_tooltip .tooltip-section--common {
  border-radius: 4px 4px 0 0;
  padding: 8px 12px;
  margin-bottom: 12px;
}
.un_account_edit_form .un_account_form_question .un_account_form_tooltip .tooltip-section--common .tooltip-section__header {
  background: #F5F5F5;
  font-weight: bold;
  text-align: center;
  font-size: 12px;
  margin-bottom: 4px;
}
.un_account_edit_form .un_account_form_question .un_account_form_tooltip .tooltip-section--common .tooltip-section__desc {
  font-size: 11px;
  color: #404040;
  text-align: center;
}
.un_account_edit_form .un_account_form_question .un_account_form_tooltip .tooltip-section--roles {
  display: flex;
  gap: 8px;
}
.un_account_edit_form .un_account_form_question .un_account_form_tooltip .tooltip-section--roles .tooltip-section__role {
  flex: 1;
  border-radius: 0 0 4px 4px;
  padding: 10px 6px 8px 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.un_account_edit_form .un_account_form_question .un_account_form_tooltip .tooltip-section--roles .tooltip-section__role .tooltip-section__role-header {
  width: 100%;
  background: #F5F5F5;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 4px;
  text-align: center;
}
.un_account_edit_form .un_account_form_question .un_account_form_tooltip .tooltip-section--roles .tooltip-section__role .tooltip-section__role-desc {
  font-size: 11px;
  color: #404040;
  text-align: center;
  line-height: 1.5;
}

.un_account_edit_delete {
  margin-top: 12px;
  text-align: center;
}

.un_account_edit_delete_button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  background-color: #F8F8F8;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.6;
  color: #404040;
}
.un_account_edit_delete_button::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(/assets/recruit/icon_account/icon_remove-009377a997a860b0733ae3f6105cb775a7b90245857f43482ad194a9876a2aa9.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.un_account_edit_delete_button:hover {
  background-color: #F0F0F0;
}

.un_account_new {
  min-width: 910px;
  background-color: #FFFFFF;
  border: 1px solid #E5E5E5;
  border-radius: 3px;
  width: 100%;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  padding: 24px;
}
.un_account_new .un_account_new_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.un_account_new .un_account_new_back_button {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  border: 1px solid #E5E5E5;
  border-radius: 3px;
  background: #FFFFFF;
  transition: opacity 0.3s ease;
}
.un_account_new .un_account_new_back_button .un_account_new_back_button_text {
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
  color: #9D9D9D;
}
.un_account_new .un_account_new_back_button .un_account_new_back_button_icon {
  width: 12px;
  height: 12px;
  margin-right: 4px;
  margin-top: 4px;
}
.un_account_new .un_account_new_back_button:hover {
  opacity: 0.8;
}
.un_account_new .un_account_new_title {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.6;
  color: #404040;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 8px;
  padding-right: 120px;
}
.un_account_new .un_account_new_title::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(/assets/recruit/icon_account/icon_profile-a3a735ab3692d45c97575aceb4e59c1cd65598123623cba217f23fe608b9c46a.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.un_account_new .un_account_new_description {
  padding: 40px 24px 0 24px;
  margin-right: 130px;
  margin-left: 130px;
  font-size: 14px;
  line-height: 1.6;
  color: #9D9D9D;
}

/* Account Delete Modal (独自クラス名) */
.accountModalCover {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  z-index: 20;
  transition: opacity 0.7s ease;
}

.accountModal {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  background-color: #fff;
  width: calc(100% - 120px);
  max-width: 1280px;
  max-height: calc(100svh - 80px);
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
  z-index: 20;
}
.accountModal.-center {
  top: 50%;
  transform: translateY(-50%);
}
.accountModal.-w780px {
  width: 780px;
}
.accountModal .accountModal_closeBtn {
  position: absolute;
  display: block;
  top: -29px;
  right: -29px;
  background-color: var(--color-main);
  background-image: url(/assets/recruit/icon_modal/icon_cross-a27cc9d6ceae0c265c3a86fcb5fb209fefcf61e5d8eb529571eb2cc8fab65598.svg);
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
  width: 58px;
  height: 58px;
  border-radius: var(--bdr-radius_round);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.accountModal .accountModal_closeBtn:hover {
  opacity: 1;
}

.accountDeleteModalResult {
  padding: 76px 0;
}
.accountDeleteModalResult .accountDeleteModalResult_heading {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.4285;
  text-align: center;
  margin-bottom: 27px;
  letter-spacing: 0.02em;
}
.accountDeleteModalResult .accountDeleteModalResult_body {
  width: 460px;
  margin-left: auto;
  margin-right: auto;
}
.accountDeleteModalResult .accountDeleteModalResult_list {
  position: relative;
}
.accountDeleteModalResult .accountDeleteModalResult_item {
  display: flex;
  align-items: flex-start;
  font-size: 16px;
  line-height: 1.5;
}
.accountDeleteModalResult .accountDeleteModalResult_item::before {
  display: block;
  content: "";
  background-image: url(/assets/recruit/icon/icon_excl_red-1480eb1b416400f32f34398292867ab787c0a93fc5b8b1d873782b88c7494890.svg);
  background-size: contain;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  transform: translateY(-2px);
  flex-shrink: 0;
}
.accountDeleteModalResult .accountDeleteModalResult_item + .accountDeleteModalResult_item {
  margin-top: 17px;
}
.accountDeleteModalResult .accountDeleteModalResult_item.__center {
  justify-content: center;
}
.accountDeleteModalResult .accountDeleteModalBtnWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 35px;
}
.accountDeleteModalResult .accountDeleteModalBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-main);
  border: 1px solid var(--color-main);
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
  padding: 12px 31px;
  border-radius: 5px;
}
.accountDeleteModalResult .accountDeleteModalBtn.-cancel {
  border-color: var(--color-gray_2);
  background-color: inherit;
  color: inherit;
  font-weight: normal;
}
.accountDeleteModalResult .accountDeleteModalBtn.-disabled {
  background-color: var(--color-gray_2);
  border: 1px solid var(--color-gray_2);
  color: var(--color-gray);
}
.accountDeleteModalResult .accountDeleteModalResult_content {
  border-top: 1px solid var(--color-gray_2);
  border-bottom: 1px solid var(--color-gray_2);
  margin-top: 12px;
  padding: 18px 0;
  text-align: center;
  font-size: 19px;
  font-weight: bold;
}

.accountDeleteModalResult_btnWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 35px;
}

/* Custom properties
   ----------------------------------------------------------------- */
:root {
  --color-main: #2DACC3;
  --color-txt: #404040;
  --color-gray: #9D9D9D;
  --color-gray_2: #D2D2D2;
  --color-light-gray: #EFEFEF;
  --color-light-gray_2: #F3F3F3;
  --color-bg_hover: #D6F3F6;
  --font-red-hat-disp: "Red Hat Display", sans-serif;
  --box-shadow: 0 6px 12px rgba(0, 0, 0, .05);
  --box-shadow_2: 0 12px 24px rgba(0, 0, 0, .05);
  --box-shadow_3: 0 16px 32px rgba(0, 0, 0, .1);
  --cont-width_side: 230px;
  --cont-pad: 22px;
  --header-height: 52px;
  --thumb-ratio: 56.25%;
  --bdr-radius_round: 99px;
  --opacity_80: .8;
  --transition_ease: all .3s ease;
  --site-min-width: 1080px;
}

/* ==========================================================================
   Base（update）
   ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
  Layout（update）
  ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
  Element（update）
  ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
  Block（update）
  ========================================================================== */
/* ****（update）
  ----------------------------------------------------------------- */
/* ==========================================================================
   Page element
   ========================================================================== */
/* ****
  ----------------------------------------------------------------- */
/* ==========================================================================
  Page block
  ========================================================================== */
/* ==========================================================================
   Unique
   ========================================================================== */
/* Bookmarked user result
  ----------------------------------------------------------------- */
.un_bookmarkedUserResult {
  position: relative;
}
.un_bookmarkedUserResult_head {
  padding: 24px 32px;
  background-color: #fff;
}
.un_bookmarkedUserResult_heading {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
  color: var(--color-txt);
}
.un_bookmarkedUserResult_headTxt {
  display: flex;
  align-items: baseline;
  gap: 2px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.03em;
  color: var(--color-txt);
}
.un_bookmarkedUserResult_headTxt .__num {
  font-family: var(--font-red-hat-disp);
  font-size: 28px;
  line-height: 1;
  color: var(--color-main);
}
.un_bookmarkedUserResult_headTxt .__unit {
  font-size: 16px;
  line-height: 1.45;
}
.un_bookmarkedUserResult_body {
  padding: 24px 32px;
}
.un_bookmarkedUserResult_ctrlUnit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.un_bookmarkedUserResult_ctrlUnitCont {
  display: flex;
  align-items: center;
  gap: 16px;
}
.un_bookmarkedUserResult_userNum {
  display: flex;
  align-items: baseline;
  gap: 2px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.03em;
  color: var(--color-txt);
}
.un_bookmarkedUserResult_userNum .__num {
  font-family: var(--font-red-hat-disp);
  font-size: 28px;
  line-height: 1;
  color: var(--color-txt);
}
.un_bookmarkedUserResult_userNum .__unit {
  font-size: 16px;
  line-height: 1.45;
}
.un_bookmarkedUserResult_list {
  display: flex;
  flex-direction: column;
}
.un_bookmarkedUserResult .bl_pageNav_wrapper {
  margin-top: 12px;
}
.un_bookmarkedUserResult_pagination {
  margin-top: 24px;
}

/* Bookmarked user result item
  ----------------------------------------------------------------- */
.un_bookmarkedUserResultItem {
  background-color: #fff;
  border: 1px solid var(--color-gray_2);
}
.un_bookmarkedUserResultItem:not(:first-of-type) {
  border-top: 1px solid var(--color-gray_2);
}
.un_bookmarkedUserResultItem .un_searchUserResultItem_btn {
  border: 1px solid var(--color-main);
  color: var(--color-main);
  min-width: 150px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4285;
  padding: 8px 8px;
  border-radius: 6px;
}
.un_bookmarkedUserResultItem .un_searchUserResultItem_btn.-white {
  background-color: #fff;
}
.un_bookmarkedUserResultItem .un_searchUserResultItem_btn.-white:hover {
  background-color: #d6f3f6;
  opacity: 1;
}
.un_bookmarkedUserResultItem .un_searchUserResultItem_btn.-disabled {
  background-color: #fff;
  color: var(--color-gray_2);
  border: 1px solid var(--color-gray_2);
}
.un_bookmarkedUserResultItem .un_searchUserResultItem_btn.-disabled:hover {
  opacity: 1;
}
.un_bookmarkedUserResultItem_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 150px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4285;
  padding: 8px 8px;
  border-radius: 6px;
  text-decoration: none;
  text-align: center;
}
.un_bookmarkedUserResultItem_btn.-fill {
  background-color: var(--color-main);
  color: #fff;
  border: 1px solid var(--color-main);
}
.un_bookmarkedUserResultItem_btn.-fill:hover {
  opacity: 0.8;
}
.un_bookmarkedUserResultItem .un_scoutedUserResultItem_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 150px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4285;
  padding: 8px 8px;
  border-radius: 6px;
  text-decoration: none;
  text-align: center;
}
.un_bookmarkedUserResultItem .un_scoutedUserResultItem_btn.-fill {
  background-color: var(--color-main);
  color: #fff;
  border: 1px solid var(--color-main);
}
.un_bookmarkedUserResultItem .un_scoutedUserResultItem_btn.-fill:hover {
  opacity: 0.8;
}
.un_bookmarkedUserResultItem_body {
  position: relative;
  display: flex;
  padding: 20px 24px;
}
.un_bookmarkedUserResultItem_iconUnit {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.un_bookmarkedUserResultItem_iconWrapper {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid var(--color-gray_2);
}
.un_bookmarkedUserResultItem_iconWrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.un_bookmarkedUserResultItem_userNo {
  font-size: 12px;
  margin-top: 4px;
  line-height: 1.1666;
  color: var(--color-txt);
}
.un_bookmarkedUserResultItem_cont {
  position: relative;
  flex: 1;
  margin-left: 17px;
}
.un_bookmarkedUserResultItem_list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.un_bookmarkedUserResultItem_listRow {
  display: flex;
  gap: 24px;
}
.un_bookmarkedUserResultItem_listItem {
  font-size: 14px;
  line-height: 1.4285;
  display: flex;
  align-items: center;
  gap: 3px;
}
.un_bookmarkedUserResultItem_listItem .__lbl {
  color: var(--color-txt);
  white-space: nowrap;
}
.un_bookmarkedUserResultItem_listItem .__val {
  color: var(--color-txt);
  font-weight: bold;
}
.un_bookmarkedUserResultItem_listItem .__val.__title {
  font-size: 16px;
  font-weight: bold;
  color: var(--color-main);
}
.un_bookmarkedUserResultItem_listItem .__val.__title:hover {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  cursor: pointer;
}
.un_bookmarkedUserResultItem_summaryWrapper {
  display: flex;
  align-items: flex-end;
  gap: 8px;
}
.un_bookmarkedUserResultItem_iconGroup {
  display: flex;
  align-items: flex-end;
  gap: 7px;
  padding-bottom: 1px;
}
.un_bookmarkedUserResultItem_btnWrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  margin-left: 32px;
  padding-right: 32px;
}
.un_bookmarkedUserResultItem_footer {
  padding: 20px;
  border-top: 1px solid var(--color-gray_2);
  background-color: var(--color-bg_hover);
}

/* Liked job list
  ----------------------------------------------------------------- */
.bl_likedJobList {
  width: 100%;
  margin-top: 8px;
}
.bl_likedJobList_body {
  padding: 16px;
  border: 2px solid var(--color-gray_2);
  border-radius: 6px;
  display: flex;
}
.bl_likedJobList_inner {
  display: flex;
  gap: 24px;
}
.bl_likedJobList_header {
  display: flex;
  align-items: center;
  min-width: 140px;
  padding-right: 24px;
  border-right: 1px solid var(--color-gray_2);
}
.bl_likedJobList_title {
  position: relative;
  font-size: 13px;
  font-weight: bold;
  color: var(--color-txt);
  padding-left: 18px;
  letter-spacing: 0.02em;
  line-height: 1.2;
}
.bl_likedJobList_title::before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  width: 12px;
  height: 9px;
  background-image: url(/assets/recruit/icon_send_scout/icon_interest-1a9d871d201e61a1110b0202dd179d373bde43bedbb6a77a646c5ed08792d8c5.svg);
  content: "";
}
.bl_likedJobList_content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
  padding-left: 24px;
}
.bl_likedJobList_item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: 0.02em;
}
.bl_likedJobList_label {
  color: var(--color-txt);
  white-space: nowrap;
}
.bl_likedJobList_value {
  color: var(--color-txt);
  font-weight: bold;
}

/* Pagination
  ----------------------------------------------------------------- */
.bl_pagination {
  display: flex;
  justify-content: center;
}
.bl_pagination_list {
  display: flex;
  align-items: center;
  gap: 8px;
}
.bl_pagination_item {
  font-size: 14px;
  font-family: var(--font-red-hat-disp);
  padding: 8px 12px;
  border-radius: 4px;
  text-decoration: none;
  color: var(--color-txt);
  min-width: 32px;
  text-align: center;
}
.bl_pagination_item.-current {
  color: #fff;
  background-color: var(--color-main);
}
.bl_pagination_item:hover {
  opacity: 0.8;
}
.bl_pagination_dots {
  padding: 8px 4px;
  font-family: var(--font-red-hat-disp);
  color: var(--color-gray);
}

/* Label blocks
  ----------------------------------------------------------------- */
.bl_FavoritLbl {
  display: inline-flex;
  align-items: center;
  background-color: var(--color-bg_hover);
  border: 1px solid var(--color-main);
  border-radius: 4px;
}
.bl_FavoritLbl .__scoutTime {
  color: var(--color-main);
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}
.bl_FavoritLbl .__scoutTime::before {
  display: none;
}

.bl_LoginLbl {
  display: inline-flex;
  align-items: center;
  background-color: #FFECEC;
  border: 1px solid #F24747;
  border-radius: 4px;
}
.bl_LoginLbl .__text {
  color: #F24747;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.bl_RegisterLbl {
  display: inline-flex;
  align-items: center;
  background-color: var(--color-bg_hover);
  border: 1px solid var(--color-main);
  border-radius: 4px;
}
.bl_RegisterLbl .__text {
  position: relative;
  color: var(--color-main);
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}
.bl_RegisterLbl .__text::before {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 9px;
  margin-right: 2px;
  background-image: url(/assets/recruit/icon_send_scout/icon_interest-1a9d871d201e61a1110b0202dd179d373bde43bedbb6a77a646c5ed08792d8c5.svg);
  content: "";
}

.bl_FavoritLbl {
  display: inline-flex;
  align-items: center;
  background-color: var(--color-bg_hover);
  border: 1px solid var(--color-main);
  border-radius: 4px;
}
.bl_FavoritLbl .__scoutTime {
  color: var(--color-main);
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}
.bl_FavoritLbl .__scoutTime::before {
  display: none;
}

.bl_LoginLbl {
  display: inline-flex;
  align-items: center;
  background-color: #FFECEC;
  border: 1px solid #F24747;
  border-radius: 4px;
}
.bl_LoginLbl .__text {
  color: #F24747;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.bl_RegisterLbl {
  display: inline-flex;
  align-items: center;
  background-color: var(--color-bg_hover);
  border: 1px solid var(--color-main);
  border-radius: 4px;
}
.bl_RegisterLbl .__text {
  position: relative;
  color: var(--color-main);
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}
.bl_RegisterLbl .__text::before {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 9px;
  margin-right: 2px;
  background-image: url(/assets/recruit/icon_send_scout/icon_interest-1a9d871d201e61a1110b0202dd179d373bde43bedbb6a77a646c5ed08792d8c5.svg);
  content: "";
}

/* Custom properties
   ----------------------------------------------------------------- */
:root {
  --color-main: #2DACC3;
  --color-txt: #404040;
  --color-gray: #9D9D9D;
  --color-gray_2: #D2D2D2;
  --color-light-gray: #EFEFEF;
  --color-light-gray_2: #F3F3F3;
  --color-bg_hover: #D6F3F6;
  --font-red-hat-disp: "Red Hat Display", sans-serif;
  --box-shadow: 0 6px 12px rgba(0, 0, 0, .05);
  --box-shadow_2: 0 12px 24px rgba(0, 0, 0, .05);
  --box-shadow_3: 0 16px 32px rgba(0, 0, 0, .1);
  --cont-width_side: 230px;
  --cont-pad: 22px;
  --header-height: 52px;
  --thumb-ratio: 56.25%;
  --bdr-radius_round: 99px;
  --opacity_80: .8;
  --transition_ease: all .3s ease;
  --site-min-width: 1080px;
}

.un_editRecruitInfo .un_editRecruitInfo_head {
  background: #FFF;
  padding: 32px 40px;
}
.un_editRecruitInfo .un_editRecruitInfo_head .un_editRecruitInfo_heading {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.4285;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.un_editRecruitInfo .un_editRecruitInfo_head .un_editRecruitInfo_heading .un_recruitEdit_hospitalName {
  font-size: 28px;
  color: #2DACC3;
  font-weight: bold;
  margin-left: 32px;
}
.un_editRecruitInfo .un_editRecruitInfo_head .un_editRecruitInfo_heading .un_recruitEdit_status-label {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  font-size: 14px;
  font-weight: bold;
  background: #FFF;
  color: #2DACC3;
  border: 1px solid #2DACC3;
  border-radius: 2px;
  padding: 0 16px;
  font-weight: bold;
  margin-left: 0.5em;
  letter-spacing: 0.05em;
  margin-left: 16px;
}
.un_editRecruitInfo .un_editRecruitInfo_head .un_recruitEditForm_btn.-back {
  display: inline-flex;
  align-items: center;
  background: #F8F8F8;
  border-radius: 6px;
  font-size: 14px;
  font-weight: bold;
  padding: 8px 16px;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
  text-decoration: none;
  letter-spacing: 0.03em;
  border: none;
  gap: 6px;
}
.un_editRecruitInfo .un_editRecruitInfo_head .un_recruitEditForm_btn.-back:hover {
  text-decoration: none;
}
.un_editRecruitInfo .un_editRecruitInfo_head .un_recruitEditForm_btn_icon {
  width: 14px;
  height: 14px;
  margin-right: 4px;
  vertical-align: middle;
  display: inline-block;
}
.un_editRecruitInfo .un_editRecruitInfo_body {
  padding: 0px 32px;
}
.un_editRecruitInfo .un_editRecruitInfo_body .un_editRecruitInfo_headline {
  font-size: 24px;
  font-weight: bold;
  margin: 24px 0px;
}
.un_editRecruitInfo .un_editRecruitInfo_body .un_editRecruitInfo_box {
  background: #FFF;
  padding: 0px 24px 24px 24px;
  min-width: 1200px;
  display: flex;
  flex-direction: column;
}
.un_editRecruitInfo .un_editRecruitInfo_body .un_editRecruitInfo_box .un_editRecruitInfo_boxInner {
  display: flex;
  align-items: stretch;
  width: 100%;
}
.un_editRecruitInfo .un_editRecruitInfo_body .un_editRecruitInfo_box .un_editRecruitInfo_boxInner .un_editRecruitInfo_boxLabel {
  display: flex;
  align-items: center;
}
.un_editRecruitInfo .un_editRecruitInfo_body .un_editRecruitInfo_box .un_editRecruitInfo_boxInner .un_editRecruitInfo_boxPoint,
.un_editRecruitInfo .un_editRecruitInfo_body .un_editRecruitInfo_box .un_editRecruitInfo_boxInner .un_editRecruitInfo_boxItem {
  align-items: center;
}
.un_editRecruitInfo .un_editRecruitInfo_body .un_editRecruitInfo_box .un_editRecruitInfo_boxInner .un_editRecruitInfo_bottom {
  display: flex;
  justify-content: space-between;
}
.un_editRecruitInfo .un_editRecruitInfo_body .un_editRecruitInfo_box .un_editRecruitInfo_boxInner .un_editRecruitInfo_bottom .un_editRecruitInfo_left_wrapper .un_editRecruitInfo_note {
  color: #F16872;
  font-size: 10px;
  line-height: 1.5;
  font-weight: 500;
  text-transform: uppercase;
}
.un_editRecruitInfo .un_editRecruitInfo_body .un_editRecruitInfo_box .un_editRecruitInfo_boxInner .un_editRecruitInfo_bottom .un_editRecruitInfo_charCount {
  font-size: 12px;
  color: #888;
  background: rgba(255, 255, 255, 0.8);
  padding: 0 6px;
  border-radius: 8px;
  pointer-events: none;
  z-index: 2;
}
.un_editRecruitInfo .un_editRecruitInfo_body .un_editRecruitInfo_box .un_editRecruitInfo_boxInner .un_editRecruitInfo_input_note {
  margin-top: 8px;
  color: #F16872;
  font-size: 10px;
  line-height: 1.5;
  font-weight: 500;
  text-transform: uppercase;
}
.un_editRecruitInfo .un_editRecruitInfo_body .un_editRecruitInfo_box .un_editRecruitInfo_boxInner .un_editRecruitInfo_boxLabel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 240px;
  flex: 0 0 240px;
  box-sizing: border-box;
  border-bottom: 1px solid #E0E0E0;
  margin-top: 24px;
  align-items: flex-start;
}
.un_editRecruitInfo .un_editRecruitInfo_body .un_editRecruitInfo_box .un_editRecruitInfo_boxInner .un_editRecruitInfo_boxLabel .un_editRecruitInfo_boxLabel_text {
  font-size: 14px;
  font-weight: bold;
  margin: 12px 0px;
}
.un_editRecruitInfo .un_editRecruitInfo_body .un_editRecruitInfo_box .un_editRecruitInfo_boxInner .un_editRecruitInfo_boxItem {
  position: relative;
  flex: 1 1 0;
  min-width: 200px;
  max-width: 100%;
  box-sizing: border-box;
  padding: 25px 0px;
  border-bottom: 1px solid #E0E0E0;
  margin-left: 40px;
}
.un_editRecruitInfo .un_editRecruitInfo_body .un_editRecruitInfo_box .un_editRecruitInfo_boxInner .un_editRecruitInfo_boxPoint {
  width: 224px;
  flex: 0 0 224px;
  box-sizing: border-box;
  padding: 24px 0px 24px 24px;
  border-bottom: 1px solid #E0E0E0;
}

.un_editRecruitInfo_requiredLabel {
  color: #F16872;
  font-size: 11px;
  font-weight: 700;
  padding: 6px 8px;
  border: 1px solid #F16872;
  min-width: 42px;
  height: 30px;
  margin: 8px 0px;
}
.un_editRecruitInfo_requiredLabel.-optional {
  color: #D2D2D2;
  border: 1px solid #D2D2D2;
}

.un_editRecruitInfo_boxContainer {
  display: flex;
  flex-direction: row;
  gap: 16px;
  width: 100%;
}
.un_editRecruitInfo_boxContainer .un_editRecruitInfo_boxLabel_mainGroup {
  width: 75px;
  display: flex;
  align-items: center;
  border-right: 1px solid #E0E0E0;
}
.un_editRecruitInfo_boxContainer .un_editRecruitInfo_boxLabel_subGroup {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.un_editRecruitInfo_boxContainer .un_editRecruitInfo_boxLabel_subGroupBox {
  width: auto;
  height: 100%;
  padding: 16px 0px;
  border-bottom: 1px solid #E0E0E0;
  display: flex;
  justify-content: space-between;
}
.un_editRecruitInfo_boxContainer .un_editRecruitInfo_boxLabel_subGroupBox:last-child {
  border-bottom: none;
}
.un_editRecruitInfo_boxContainer .un_editRecruitInfo_boxLabel_subGroupBox .un_editRecruitInfo_boxLabel_subText {
  width: 100%;
  font-size: 12px;
  height: 24px;
  margin-top: 14px;
}
.un_editRecruitInfo_boxContainer .un_editRecruitInfo_boxLabel_subItem {
  width: 100%;
  height: 100%;
  padding: 10px 0px;
  border-bottom: 1px solid #E0E0E0;
}

.un_editRecruitInfo_columnContainer {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
}

.un_editRecruitInfo_columnContainer_address {
  display: flex;
  flex-direction: column;
  gap: 28px;
  width: 100%;
  margin-top: 14px;
}

.un_editRecruitInfo_rowContainer {
  display: flex;
  flex-direction: row;
  gap: 16px;
  width: 100%;
  align-items: center;
}

.un_editRecruitInfo_boxItem_textarea {
  width: 100%;
  min-width: 600px;
  min-height: 133px;
  max-height: 100%;
  background: #FFF;
  border: 1px solid #E0E0E0;
  border-radius: 5px;
  font-size: 14px;
  color: #404040;
  padding: 11px 12px;
  resize: vertical;
  box-sizing: border-box;
  line-height: 22px;
  letter-spacing: 0.03em;
  overflow-y: auto;
}

.un_editRecruitInfo_boxItem_select {
  width: 256px;
  font-size: 14px;
  padding: 14px 12px;
  background: #fff;
  border: 1px solid #E0E0E0;
  border-radius: 5px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  line-height: 1;
  letter-spacing: 0.03em;
  color: #404040;
  position: relative;
  background-image: url(/assets/recruit/icon/icon_arrow_down-7b524cee94b6f8bd486ea1bfbd191c05b07e56f7f8f5751538d481a746efa628.svg);
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px 7px;
}
.un_editRecruitInfo_boxItem_select.un_editRecruitInfo_area {
  width: 190px;
}

.un_editRecruitInfo_boxItem_input {
  width: 100%;
  min-width: 600px;
  max-width: 100%;
  box-sizing: border-box;
  height: 46px;
  background: #FFF;
  border: 1px solid #E0E0E0;
  border-radius: 5px;
  font-size: 14px;
  color: #404040;
  padding: 11px 12px;
  line-height: 22px;
  letter-spacing: 0.03em;
}
.un_editRecruitInfo_boxItem_input.un_editRecruitInfo_area {
  min-width: 190px;
}
.un_editRecruitInfo_boxItem_input.-salary {
  min-width: 100px;
  max-width: 150px;
}
.un_editRecruitInfo_boxItem_input.-trial, .un_editRecruitInfo_boxItem_input.-term-contract {
  min-width: 500px;
}

.un_editRecruitInfo_employmentStyleContainer {
  display: none;
}
.un_editRecruitInfo_employmentStyleContainer.is_active {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.un_editRecruitInfo_label.-trial, .un_editRecruitInfo_label.-term-contract {
  width: 84px;
  font-size: 14px;
  font-weight: bold;
}

.un_editRecruitInfo_radioGroup {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.un_editRecruitInfo_radioOption {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 10px 24px 10px 16px;
  min-width: 104px;
  height: 40px;
  background: #FFF;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
  font-size: 14px;
  color: #404040;
  cursor: pointer;
  position: relative;
  transition: background 0.2s, border 0.2s, color 0.2s;
}
.un_editRecruitInfo_radioOption.-simple {
  border: none;
  padding: 0px;
  gap: 10px;
  font-weight: bold;
}

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

.un_editRecruitInfo_radioOption .radio-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #F5F5F5;
  margin-right: 8px;
  color: #FFF;
  font-size: 16px;
  transition: background 0.2s;
  position: relative;
}
.un_editRecruitInfo_radioOption .radio-icon.-simple {
  width: 16px;
  height: 16px;
}

.un_editRecruitInfo_radioOption input[type=radio]:checked + .radio-icon {
  background-color: #4EB7C2;
}

.un_editRecruitInfo_radioOption input[type=radio]:checked + .radio-icon::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 12px;
  height: 12px;
  transform: translate(-50%, -50%);
  background: url(/assets/recruit/icon/icon_check-65fdadca5682a70e6c38acf1433958aaf5d5f58181d7193b26ba75396d2a2636.svg) no-repeat center/contain;
}

.un_editRecruitInfo_radioOption .radio-icon {
  font-size: 0;
}

.un_editRecruitInfo_radioOption input[type=radio]:checked + .radio-icon {
  font-size: 16px;
}

.un_editRecruitInfo_radioOption input[type=radio]:checked ~ span {
  color: #4EB7C2;
  font-weight: bold;
}

.un_editRecruitInfo_radioOption .radio-label-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: transparent;
  border-radius: 4px;
  border: 1px solid #DFDFDF;
  transition: background 0.2s, border 0.2s;
}
.un_editRecruitInfo_radioOption .radio-label-bg.-simple {
  border: none;
  font-size: 8px;
}

.un_editRecruitInfo_radioOption input[type=radio]:checked ~ .radio-label-bg {
  background: #E6F7FA;
  border: 1.5px solid #4EB7C2;
}
.un_editRecruitInfo_radioOption input[type=radio]:checked ~ .radio-label-bg.-simple {
  background: none;
  border: none;
}

.un_editRecruitInfo_radioOption span {
  position: relative;
  z-index: 1;
  transition: color 0.2s, font-weight 0.2s;
}

.radio-icon .radio-check-svg {
  width: 24px;
  height: 24px;
  display: none;
}

.un_editRecruitInfo_radioOption input[type=radio]:checked + .radio-icon .radio-check-svg {
  display: inline;
}

.un_editRecruitInfo_tagGroup {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 16px;
  margin: 8px 0px;
  min-width: 600px;
  width: 100%;
}

.un_editRecruitInfo_tagOption {
  display: flex;
  align-items: center;
  padding: 4px 20px;
  background: #FFF;
  border: 1px solid #DFDFDF;
  border-radius: 20px;
  font-size: 16px;
  color: #7B7B7B;
  cursor: pointer;
  transition: background 0.2s, border 0.2s, color 0.2s;
  position: relative;
  min-height: 32px;
}

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

.un_editRecruitInfo_tagOption:has(input[type=checkbox]:checked) {
  background: #4EB7C2;
  border: 1.5px solid #4EB7C2;
  color: #FFF;
  font-weight: bold;
}

.un_editRecruitInfo_actionBtns {
  display: flex;
  gap: 16px;
  margin-top: 32px;
  background: #f5f5f5;
  border-radius: 0;
  padding: 32px 0;
  justify-content: center;
}

.un_editRecruitInfo_actionBtn {
  max-width: 200px;
  width: 100%;
  padding: 16px 48px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.un_editRecruitInfo_actionBtn.-preview {
  background: #FFF;
  color: #4EB7C2;
  border: 1.5px solid #4EB7C2;
}
.un_editRecruitInfo_actionBtn.-save {
  background: #FFF;
  color: #4EB7C2;
  border: 1.5px solid #4EB7C2;
  background: #D8F4F9;
}
.un_editRecruitInfo_actionBtn.-apply {
  background: #4EB7C2;
  color: #FFF;
}
.un_editRecruitInfo_actionBtn .icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  flex-shrink: 0;
}
.un_editRecruitInfo_actionBtn.-preview .icon {
  background-image: url(/assets/recruit/icon/preview-59f05ee754afcd773d6b86b2881d7dad7f7e57c79b3a0e07ad7b05e4a33f3209.svg);
}
.un_editRecruitInfo_actionBtn.-save .icon {
  background-image: url(/assets/recruit/icon/cloud-7c639bc9bbde6c412b778db184f7708366958c83054b2ed5bce0d6a0c0038d98.svg);
}
.un_editRecruitInfo_actionBtn.-apply .icon {
  background-image: url(/assets/recruit/icon/stamp-16fcd2410f9010a980c5e225e93d5fa55490700c3706c64d839a1b8cbbf68a74.svg);
}
.un_editRecruitInfo_actionBtn:hover {
  opacity: 0.8;
}

.un_tooltipWrapper {
  position: relative;
}

.un_tooltipIconBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  background: #F5F7FA;
  border-radius: 1px;
  cursor: pointer;
  padding: 16px;
  gap: 4px;
  color: #2DACC3;
  font-weight: bold;
}

.un_tooltipIconBtn:hover, .un_tooltipIconBtn:focus {
  background: #F5FBFC;
}

.un_tooltipIcon {
  width: 16px;
  height: 16px;
  pointer-events: none;
}

.un_tooltipBody_highlight {
  display: inline;
  font-size: 11px;
  font-weight: 700;
  color: #2DACC3;
  letter-spacing: -0.121px;
  font-family: "Noto Sans JP";
}

.un_tooltipBody_content {
  display: inline;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: -0.121px;
  font-family: "Noto Sans JP";
}

.un_tooltipBody.is-active {
  display: block;
}

.un_tooltipBody::before {
  content: none;
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 0 8px 8px 8px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  filter: drop-shadow(0 -1px 1px #E0E0E0);
}

@keyframes fadeInTooltip {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.un_recruitEditForm_examplesBtn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #F5F7FA;
  font-size: 15px;
  font-weight: bold;
  border: 1.5px solid #D2D2D2;
  border-radius: 6px;
  padding: 10px 30px;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s;
}

.un_recruitEditForm_examplesBtn:hover,
.un_recruitEditForm_examplesBtn:focus {
  opacity: 0.8;
}

.un_recruitEditForm_examplesBtnIcon {
  width: 18px;
  height: 18px;
}

.un_prExamplesModalWrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 180px 35px 150px 300px;
}

.un_prExamplesModalOverlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(34, 34, 34, 0.32);
  z-index: 1;
}

.un_prExamplesModal {
  position: relative;
  z-index: 2;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 8px 32px 0 rgba(34, 34, 34, 0.18);
  border-radius: 16px;
  width: 880px;
  height: 420px;
  padding: 32px 32px 28px 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
}

.un_prExamplesModal_header {
  display: flex;
  justify-content: center;
  border-bottom: none;
}

.un_prExamplesModal_title {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 12px;
  line-height: 1.6;
  text-align: center;
}

.un_prExamplesModal_title::after {
  content: "";
  display: block;
  width: 48px;
  height: 3px;
  background: #5DB0C6;
  margin: 8px auto 0 auto;
  border-radius: 2px;
}

.un_prExamplesModal_closeBtn {
  position: absolute;
  top: -22px;
  right: -22px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  box-shadow: 0 2px 8px 0 rgba(34, 34, 34, 0.08);
}

.un_prExamplesModal_closeIcon {
  width: 50px;
  height: 50px;
}

.un_prExamplesModal_body {
  padding-top: 8px;
}

.un_prExamplesModal_list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.un_prExamplesModal_listItemWrapper {
  display: flex;
}

.un_prExamplesModal_listItem {
  padding: 16px 16px;
  background: #F5F7FA;
  width: 170px;
}

.un_prExamplesModal_listTitle {
  font-size: 12px;
  font-weight: bold;
  color: #1689A7;
  font-weight: 700;
}

.un_prExamplesModal_listText {
  font-size: 10px;
  color: #222;
  line-height: 1.7;
  font-weight: 700;
}

.un_prExamplesModal_listDesc {
  color: #404040;
  line-height: 1.6;
  font-weight: 500;
  font-size: 10px;
  margin-left: 24px;
  padding: 16px 0;
}

.un_editRecruitInfo_imageUploadArea {
  width: 100%;
  margin: 24px 0 0 0;
}

.un_editRecruitInfo_dropzoneArea {
  display: flex;
  padding: 56px 32px 32px 32px;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  align-self: stretch;
  border-radius: 8px;
  border: 1px dashed #D2D2D2;
  background: #F8F8F8;
}

.un_editRecruitInfo_dropzoneIconBg {
  display: flex;
  width: 48px;
  height: 48px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 56px;
  background: #FFF;
}

.un_editRecruitInfo_dropzoneIcon {
  width: 16px;
  height: 17px;
  border-width: 1.6px;
  display: block;
}

.un_editRecruitInfo_dropzoneText {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0%;
  text-align: center;
  margin: 0;
  color: #9D9D9D;
  /* leading-trim: キャップハイト; はCSS未対応のため省略 */
}

.un_editRecruitInfo_imageSelectBtnWrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 8px;
}

.un_editRecruitInfo_imageSelectBtn {
  display: inline-block;
  padding: 10px 24px;
  background: #FFF;
  color: #404040;
  border: 1.5px solid #D2D2D2;
  border-radius: 6px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}

.un_editRecruitInfo_imageSelectBtn:hover {
  background: #E6F7FA;
  color: #2CA6B0;
}

.un_editRecruitInfo_imageNote {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 16px 0 16px 0;
  max-width: 872px;
  width: 100%;
  box-sizing: border-box;
}

.un_editRecruitInfo_imageNoteTag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 19px;
  gap: 8px;
  border-width: 1px;
  border-radius: 2px;
  padding: 6px 4px;
  background: #FFFFFF;
  border: 1px solid #D2D2D2;
  color: #9D9D9D;
  font-size: 10px;
  font-weight: 500;
  box-sizing: border-box;
  margin-right: 4px;
  margin-bottom: 2px;
}

.un_editRecruitInfo_imageNoteText {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 10px;
  line-height: 160%;
  letter-spacing: 0.04em;
  color: #404040;
  margin-right: 12px;
  margin-bottom: 2px;
  display: inline-block;
}

.un_editRecruitInfo_uploadedImages {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 12px;
}

.un_editRecruitInfo_uploadedImage {
  position: relative;
  width: 195px;
  height: 130px;
  border-radius: 4px;
  overflow: hidden;
  background: #F5F5F5;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: box-shadow 0.2s;
}

.un_editRecruitInfo_uploadedImageOverlay {
  display: none;
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.36);
  z-index: 10;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.un_editRecruitInfo_uploadedImage:hover .un_editRecruitInfo_uploadedImageOverlay {
  display: flex;
}

.un_editRecruitInfo_uploadedImage_thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}

.un_editRecruitInfo_mainImageLabel {
  width: 162px;
  height: 24px;
  display: flex;
  align-items: center;
  gap: 6px;
  border-radius: 2px;
  padding: 12px 8px;
  background: #2DACC3B8;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
  position: absolute;
  left: 50%;
  bottom: 12px;
  top: auto;
  transform: translateX(-50%);
  z-index: 2;
  pointer-events: none;
  box-sizing: border-box;
  justify-content: center;
  transition: opacity 0.2s;
}

.un_editRecruitInfo_uploadedImage:hover .un_editRecruitInfo_mainImageLabel {
  opacity: 0;
}

.un_editRecruitInfo_uploadedImageDeleteBtn {
  position: absolute;
  top: 16px;
  left: 121px;
  display: flex;
  width: 57px;
  height: 22px;
  padding: 5px;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  border-radius: 2px;
  border: 1px solid #F16872;
  background: rgba(209, 44, 44, 0.16);
  transition: background 0.2s, border 0.2s;
}

.un_editRecruitInfo_uploadedImageDeleteBtn:hover {
  background: #F16872;
  border: 1px solid #F16872;
  cursor: pointer;
}
.un_editRecruitInfo_uploadedImageDeleteBtn:hover .un_editRecruitInfo_deleteText {
  color: #fff;
}
.un_editRecruitInfo_uploadedImageDeleteBtn:hover .un_editRecruitInfo_deleteIcon {
  filter: brightness(0) invert(1);
}

.un_editRecruitInfo_deleteIcon {
  width: 12px;
  height: 13px;
  flex-shrink: 0;
  aspect-ratio: 9/10;
  stroke-width: 1.4px;
  stroke: #F16872;
}

.un_editRecruitInfo_deleteText {
  color: #F16872;
  font-family: "Noto Sans JP";
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  /* 16px */
  text-transform: uppercase;
}

.un_editRecruitInfo_uploadedImageMainBtn {
  width: 162px;
  height: 24px;
  display: flex;
  align-items: center;
  gap: 6px;
  border-radius: 2px;
  padding: 12px 8px;
  position: absolute;
  left: 50%;
  bottom: 12px;
  top: auto;
  transform: translateX(-50%);
  z-index: 2;
  box-sizing: border-box;
  justify-content: center;
  font-size: 11px;
  font-weight: bold;
  pointer-events: auto;
  transition: opacity 0.2s;
  background: rgba(255, 255, 255, 0.24);
  color: #fff;
}

.un_editRecruitInfo_uploadedImageMainBtn:hover {
  background: #2DACC3;
  color: #fff;
}

.un_editRecruitInfo_orText {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #A0A0A0;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  text-align: center;
}

.un_editRecruitInfo_fileInput {
  display: none !important;
}

.un_editRecruitInfo_imageCountText {
  color: #404040;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  /* 22.4px */
  text-transform: uppercase;
}

.un_editRecruitInfo_imageCountWrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.un_editRecruitInfo_imageCountNote {
  color: #F16872;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  /* 16px */
  text-transform: uppercase;
  margin-left: 8px;
}

.un_editRecruitInfo_boxItem.-image {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.un_editRecruitInfo_uploadRow {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
}
.un_editRecruitInfo_uploadRow .un_editRecruitInfo_boxPoint {
  border-bottom: none !important;
}

.un_editRecruitInfo_uploadBlock {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: inherit;
  border-radius: 8px;
  padding: 24px;
  box-sizing: border-box;
  gap: 12px;
}

.un_editRecruitInfo_pointIcon {
  width: 20px;
  height: 20px;
  display: block;
}

.un_editRecruitInfo_pointText {
  color: #2DACC3;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
}

.un_editRecruitInfo_counterWrapper {
  margin-top: 4px;
  text-align: right;
  font-size: 16px;
  color: #888;
  min-height: 1em;
}