/* popup / modal */
@charset "UTF-8";

/* 팝업 딤 */
.bg_shadow {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 130;
  background-color: rgba(51, 51, 51, 0.3);
  width: 100%;
  height: 100%;
}

.popup_box {
  position: fixed !important;
  width: calc(100% - 40px);
  max-width: 508px;
  z-index: 130;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 5px 20px 0 rgba(35, 35, 35, 0.1);
  color: #333;
}

.popup_box[name='popup_members'] {
  overflow-y: auto;
}
.popup_box:has(.alret7_sub_text) {
  max-width: 444px;
}
/* .lang-en .popup_box[name='popup_members'] {
  max-width: 765px;
} */
.lang-ja .popup_box[name='popup_upload_file'],
.lang-en .popup_box[name='popup_upload_file'] {
  max-width: 620px;
}
.lang-ja .popup_box[name='popup_upload_file']:not(:has(.explain)) .jfilestyle input[type="text"],
.lang-en .popup_box[name='popup_upload_file']:not(:has(.explain)) .jfilestyle input[type="text"] {
  width: 360px !important;
}
.lang-en .popup_box[name='popup_upload_file']:has(.explain) {
  max-width: 940px;
}
.lang-en .popup_box[name='popup_upload_file']:has(.explain) .multi_row_cont {
  margin-top: 20px;
}

.popup_box>ul,
.popup_box>div {
  max-height: calc(100vh - 100px);
  /* overflow: auto; */
}
.popup_box.max_width_950 >ul, 
.popup_box.max_width_1000 >ul {
  overflow: auto;
}

/* 관리자 / 승인자 등록  */
.popup_box[name="popup_add_approver"]>ul,
.popup_box[name="popup_admin"]>ul {
  overflow: visible;
  max-height: none;
}

/* 팝업 닫기 버튼 */
button.close_x {
  position: absolute;
  top: 0;
  right: -35px;

  @media (max-width : 1200px) {
    top: -40px;
    right: 0;
  }
}

button.close_x img {
  width: 20px;
}

.popup_box:has(.outer_table) {
  max-width: 700px;
}

/* 사이즈가 큰 모달일 경우 : 컨텐츠 많음 / 내부 테이블 */
.popup_box.max_width_400 {
  max-width: 400px;
}

.popup_box.max_width_450 {
  max-width: 450px;
}

.popup_box.max_width_500 {
  max-width: 500px;
}

.popup_box.max_width_560 {
  max-width: 560px;
}

.popup_box.max_width_666 {
  max-width: 550px;
}

.popup_box.max_width_656 {
  max-width: 656px;
}

.popup_box.max_width_600 {
  max-width: 600px;
  overflow: auto;

  >.popup_contents_box {
    min-width: 400px;
  }
}

.popup_box.max_width_666 {
  max-width: 666px;
}

.popup_box.max_width_700 {
  max-width: 700px;
  max-height: calc(100vh - 100px);
  overflow: auto;
}

.popup_box[name="approval_info_detail"] {
  max-width: 750px !important;
  max-height: 800px;
}

.Exosphere.custom--exosecurity .popup_box[name="approval_info_detail"] {
  max-width: 850px !important;
  max-height: 800px;
}

.popup_box.max_width_750 {
  max-width: 750px;
}

.popup_box.max_width_800 {
  max-width: 800px;
}

.popup_box.max_width_850 {
  max-width: 850px;
}

.popup_box.max_width_950 {
  max-width: 950px;
}

.popup_box.max_width_1000 {
  max-width: 1000px;
}

.popup_box.max_width_1050 {
  max-width: 1050px;
}

.popup_box.max_width_1100 {
  max-width: 1100px;
}

.popup_title {
  padding: 8px 34px;
  text-align: center;
  font-family: 'Pretendard-SemiBold';
  font-size: 12px;
}
html[lang='ja'] .Exosphere.custom--exosecurity .popup_title {
  font-family: 'NotoSansJP-SemiBold';
}

.popup_contents_title {
  margin-bottom: 25px;
  text-align: center;
  font-family: 'Pretendard-SemiBold';
  font-size: 16px;
  line-height: 1.5;
}

html[lang='ja'] .Exosphere.custom--exosecurity .popup_contents_title {
  font-family: 'NotoSansJP-SemiBold';
}

.popup_contents_title h5 {
  font-size: inherit;
  line-height: 1.5;
}
.alret7_sub_text ,
.popup_contents_title .sub_text {
  color: #7C7C7C;
  text-align: center;
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 4px;
}

/* 대시보드 팝업 타이틀 */
.popup_contents_dashboard_title_wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  font-family: 'Pretendard-Medium';
  font-size: 18px;
}

.popup_contents_dashboard_title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 10px;
  margin-bottom: 15px;
}

.popup_contents_dashboard_title .title {
  margin-top: 6px;
}

.popup_contents_dashboard_title .num {
  color: #AAA;
  font-weight: 500;
}

.popup_contents_dashboard_title .num span {
  margin-right: 4px;
  font-size: 30px;
  font-weight: 600;
  color: #222;
}

.popup_contents_box {
  margin: 24px 34px 21px;
  /* overflow-x: auto; */

}

.popup_content {
  padding-top: 2px;
  /* max-height: calc(100vh - 350px); */
  overflow: overlay;
  /* min-width: 300px; */
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.popup_content.alert_mid_con {
  margin-bottom: 0px;
}

.set_layer_popup_middle.popup_content {
  /* max-height: calc(100vh - 350px); */
  max-height: 610px;
}

.config_popup[name="popup_policy_department"] .set_layer_popup_middle.popup_content {
  max-height: calc(48vh);
}

.popup_box .list_select {
  position: static;
}

.popup_content.padding_none {
  margin-bottom: 0;
  padding-bottom: 0;
}

.max_width_950 .popup_content {
  margin-bottom: 10px;
}

/* 팝업 확인/ 취소 버튼 */
.popup_btns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0 30px;
  margin-bottom: 23px;
  font-size: 14px;
}

.popup_btns button {
  padding: 6px 21px;
  border-radius: 5px;
  font-family: 'Pretendard-SemiBold';
  transition: .3s;
}

.popup_btns button.black_btn_2 {
  background-color: #222;
  color: #fff;
}

.popup_btns button.black_btn_2:hover {
  background-color: #3D3D3D;
}

.popup_btns button.black_btn_2:active {
  background-color: #383838;
}

.popup_btns button.black_btn_2:disabled {
  background-color: #AFAFAF;
}

.popup_btns button.gray_btn_2 {
  background-color: #DFDFDF;
  color: #939393;
}

.popup_btns button.gray_btn_2:hover {
  background-color: rgba(223, 223, 223, 0.7);
}

.popup_btns button.gray_btn_2:active {
  background-color: rgba(223, 223, 223, 0.9);
}

.popup_btns button.gray_btn_2:disabled {
  background-color: #DFDFDF;
  color: #939393;
}

.popup_content .item_select {
  display: flex;
  gap: 10px;

}

.popup_content .item_select .select {
  margin: 0;

}


.popup_content .width_102 {
  min-width: 102px !important;
}

.popup_content .width_102 {
  min-width: 102px !important;
}

.popup_content .width_280 {
  min-width: 280px !important;
}

.popup_content .width_100 input.text_input {
  width: calc(100% - 80px);
}

.popup_content .item_select .select ul li {
  padding-right: 40px;
}

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

/* 리스트 추가 / 버튼 */
.popup_box .add_btns {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 3px;
  gap: 8px;
}

.popup_box .add_btns button {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #555;
}

.popup_box .add_btns button:hover {
  background-color: #242424;
}

.popup_box .add_btns button:active {
  background-color: #000;
}

.popup_box .add_btns button:disabled {
  background-color: #AFAFAF;
}

.popup_box .add_btns button svg {
  color: #fff;
  font-size: 10px;
  vertical-align: 1px;
}

.popup_box .list-item:not(:last-child) {
  margin-bottom: 15px;
}

/* 팝업 내 테이블 */
.popup_content .item_table {
  width: 100%;
}

.popup_content .table_wrap .item_table .outer_table {
  min-width: 600px;
}

.popup_box .outer_table {
  min-width: 600px;
}

/* 테이블 내 버튼이 있는 경우 width 적게 */
.sort_side_table td:last-child,
.sort_side_table th:last-child {
  width: 100px;
}

/* 비밀번호 변경 주기 / 대기시간 input content */
.popup_box .enter_time {
  display: flex;
  align-items: center;
  margin: 0 auto;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 260px;
}

.popup_box .enter_time .enter_time_title {
  display: flex;
  align-items: center;
  gap: 5px;
}

.popup_box .enter_time .green {
  color: #94C38A;
}

.popup_box .enter_time .blue {
  color: #77A6FE;
}

.popup_box .enter_time .enter_time_title span {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.popup_box .enter_time .green span {
  background-color: #E8EEE6;
}

.popup_box .enter_time .blue span {
  background-color: #E6EEFD;
}

.popup_box .enter_time input {
  width: 130px;
  height: 30px;
  padding: 0 10px;
  border-radius: 5px;
  border: 1px solid #ddd;
  margin-right: 6px;
}

.popup_box .enter_time input:focus {
  border: 1px solid #2196F3;
}

/* 라디오 선택 팝업 */
.popup_box .item_box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 6px;
  width: 100%;
}

.popup_box .item_box:not(:last-child),
.popup_box .add_items:not(:last-child) {
  margin-bottom: 12px;
}

.popup_box .exceptiontime .item_box:not(:last-child),
.popup_box .exceptiontime .add_items:not(:last-child) {
  margin-bottom: 0;
}

/* .popup_box .exceptiontime .item_box:has(>div.hide) {
  padding-bottom: 0;
}
 */
.popup_box .item_box.start {
  align-items: flex-start;
}

.popup_box[name="add_exception_target"] .item_box .item_title {
  width: 90px;
}
.popup_box[name="popup_member"] .item_box .item_title.text-top {
  align-self: flex-start;
  margin-top: 6px;
}
.popup_box[name="add_exception_target"] input {
  height: 28px !important;
  width: 260px;
}
.popup_box[name="add_exception_target"] .add_btns_2 button {
  width: 28px !important;
  height: 28px !important;
}

.popup_box .item_box .item_title {
  width: 120px;
  font-family: 'Pretendard-SemiBold';
  color: #555;
}

.popup_box .item_title_2 {
  margin-bottom: 6px;
  font-family: 'Pretendard-SemiBold';
  color: #222;
}

.popup_box .item_text_2 {
  color: #555;
}

.popup_box .item_box .item_content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 10px;
  row-gap: 6px;
}

.popup_box .item_box .item_content.column {
  flex-direction: column;
  align-items: flex-start;
}

.popup_box .item_box .item_content.select_gap {
  column-gap: 10px;
}

.popup_box .item_box .item_content input {
  /* margin-right: 5px; */
  margin-bottom: 2px;
}

.popup_box .item_box .mail {
  display: flex;
  justify-content: space-between;
  column-gap: 0;
  min-width: 280px;
}

.popup_box .item_box .flex_280 {
  display: flex;
  justify-content: space-between;
  column-gap: 0;
  min-width: 280px;
}

.popup_box .item_box .flex_310 {
  display: flex;
  justify-content: space-between;
  column-gap: 0;
  min-width: 310px;
}

.popup_box .item_box .width_260 {
  width: 260px;
}

.popup_box .item_box .width_300 {
  width: 300px;
}

.popup_box .item_box .item_content .input_after_text {
  margin-top: 4px;
}

.popup_box .item_box .add_btns {
  margin-left: 10px;
}

.input_size-btn_79 {
  /* input text 우측 추가 삭제 버튼 2가지 다 있을 경우 */
  width: calc(100% - 79px) !important;
}

/* 파일 첨부 input 커스텀 */
.filebox {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.filebox .upload-name {
  width: calc(100% - 100px);
  display: flex;
  height: 28px;
  padding: 0 10px;
  vertical-align: middle;
  border: 1px solid #dddddd;
  border-radius: 5px;
  color: #9B9B9B;
  font-size: 13px;
}

.filebox label {
  display: inline-block;
  cursor: pointer;
  width: 87px;
  padding: 4px 10px;
  vertical-align: middle;
  border: 1px solid #dddddd;
  height: 28px;
  border-radius: 5px;
  background-color: #fff;
  color: #222;
  font-size: 13px;
  transition: background-color .3s;
}

.filebox label span {
  vertical-align: 3px;
}

.filebox label:hover {
  background-color: #EFEFEF;
}

.filebox label:active {
  background-color: #E7E7E7;
}

.filebox label svg {
  margin-right: 7px;
  vertical-align: 1px;
}

.filebox input[type="file"] {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
}

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


/* 워터마크 각도 조정 */
.img_deg_wrap {
  display: grid;
  grid-template-columns: repeat(3, 100px);
  gap: 30px 20px;
}

.img_deg_wrap:not(:last-child) {
  margin-bottom: 20px;
}

/* img */
.img_deg_wrap .deg_box .text_h {
  height: 34px;
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}

.img_deg_wrap .deg_box .deg_input {
  height: 24px !important;
  border-radius: 4px;
}

.img_deg_wrap .deg_box .deg_input::placeholder {
  font-size: 11px;
}

.img_deg_wrap .img_deg_sample {
  width: 100px;
  height: 50px;
  border-radius: 5px;
  border: 1px solid #ddd;
  background-color: #f7f7f7;
  display: flex;
  align-items: center;
  justify-content: center;
}

.img_deg_wrap .img_deg_sample svg {
  font-size: 30px;
  color: #c9c9c9;
}

/* 각 이미지 각도 설정 */
.box1 .img_deg_sample svg {
  transform: rotate(315deg);
}

.box2 .img_deg_sample svg {
  transform: rotate(0);
}

.box3 .img_deg_sample svg {
  transform: rotate(45deg);
}

.box4 .img_deg_sample svg {
  transform: rotate(270deg);
}

.box5 .img_deg_sample svg {
  transform: rotate(0deg);
}

/* 사용자 지정 */
.box6 .img_deg_sample svg {
  transform: rotate(90deg);
}

.box7 .img_deg_sample svg {
  transform: rotate(225deg);
}

.box8 .img_deg_sample svg {
  transform: rotate(180deg);
}

.box9 .img_deg_sample svg {
  transform: rotate(135deg);
}

/* 승인자 / 관리자 추가 모달 */
.popup_contents_box.admin_add {
  overflow-x: auto;
}

.popup_content .approval_popup {
  display: flex;
  gap: 45px;
  min-width: 600px;
}

.popup_content .approval_popup .approval_box_title {
  font-size: 15px;
  font-weight: 600;
  text-align: left !important;
  display: inline-block;
  color: #333333;
}

.popup_content .approval_popup .all_check {
  margin-bottom: 14px;
  font-size: 14px;
  font-weight: 400;
}

.popup_content .approval_popup .approval_box {
  flex: 1 !important;
  min-width: 238px;
  text-align: left;
}

/* 승인자 추가 모달 좌측 유저 리스트 */
.approval_popup .user_box .user_list {
  margin-top: 12px;
  height: 600px;
  overflow-y: auto;
}

.approval_popup .user_box .user_list .user_item {
  position: relative;
  display: flex;
  padding: 7px 10px 9px;
  border-radius: 5px;
  cursor: pointer;
}

.approval_popup .user_box .user_list .user_item p {
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* user_item 내 툴팁 */
.user_item:hover .tool_tip {
  display: block;
  top: 30px;
  right: 0;
}

.approval_popup .user_box .user_list .user_item:hover {
  background-color: #F8F8F8;
}

.approval_popup .user_box .user_list .user_item.active {
  background-color: #f4f4f4;
}

.approval_popup .img_box {
  width: 18px;
  height: 18px;
  margin-right: 6px;
}

.approval_popup .img_box.star_blue {
  background-color: #2196F3;
  border-radius: 50%;
  text-align: center;
  margin-top: 2px;
}

.approval_popup .img_box.star_blue svg {
  vertical-align: 3px;
  color: #fff;
  font-size: 9px;
  margin-left: 1px;
}

.popup_content .approval_popup .approval_box input[type=checkbox] {
  margin-right: 6px;
  margin-bottom: 2px;
}

.select_departments_box .list_wrap,
.select_menus_box .list_wrap {
  overflow-y: auto;
  position: relative;
  box-sizing: border-box;
  border-radius: 10px;
  background-color: #F7F7F7;
  height: 650px;
  overflow-y: auto;
}

.approval_group .list_wrap .list_item {
  height: 600px;
}

.approval_group .list_wrap .rep_list {
  margin-bottom: 5px;
  font-weight: 600;
}

.approval_group .list_wrap .list {
  margin-bottom: 18px;
  font-size: 14px;
}

.approval_group .list_wrap .list:last-child {
  padding-bottom: 40px;
}

/* 체크박스 토글 버튼 */
.arrow_toggle {
  color: #616161;
  width: 16px;
  height: 16px;
}

/* 토글 시 보이는 이너 체크박스 리트스 */
.approval_group .list_item_inner {
  padding-left: 22px;
}

.approval_group .list_item_inner>li {
  margin: 5px 0;
}

/* user_item 클릭 시 text_value_box 스타일 */
.text_value_box.value {
  position: relative;
  background-color: #F7F7F7;
  border: 1px solid #2196F3;
}

.text_value_box.value::after {
  content: '';
}

.text_value_box.value .close {
  position: absolute;
  display: block;
  z-index: 10;
  right: 10px;
  top: 7px;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  color: #fff;
  background-color: #D9D9D9;
  text-align: center;
  cursor: pointer;
}

.text_value_box .close svg {
  cursor: pointer;
  font-size: 11px;
  vertical-align: 2px;
  margin-left: 1px;
}

.text_value_box .close {
  display: none;
}

.essential_star {
  color: #EF5350;
}

/* 리스트 추가 / 삭제 */
.popup_box .add_btns_2 {
  margin-left: 10px;
  display: flex;
  gap: 5px;
}

.popup_box .add_btns_2 button {
  width: 32px !important;
  height: 32px !important;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #ddd;
}

.popup_box .add_btns_2 button:hover {
  background-color: #EFEFEF;
}

.popup_box .add_btns_2 button:active {
  background-color: #E7E7E7;
}

.popup_box .add_btns_2 button:disabled {
  background-color: #E7E7E7;
}

.item_box .input_btn_wrap {
  display: flex;
  min-width: 300px;
}

.item_box .input_btn_wrap input[type=text] {
  width: 220px;
  margin-right: 10px;
}

.popup_check_wrap {
  text-align: center;
  font-size: 13px;
}

/* 가로 테이블 */
.popup_box .row_table {
  width: 100%;
}

.popup_box .row_table th {
  background-color: #F7F7F7;
  color: #aaa;
  width: 30%;
}

.popup_box .row_table tr:not(:last-child) {
  border-bottom: 1px solid #ddddddb5;
}

.popup_box .row_table tr:first-child th {
  border-radius: 8px 0 0 0;
}

.popup_box .row_table tr:last-child th {
  border-radius: 0 0 0 8px;
}

.popup_box .row_table .table_item {
  padding: 6px 10px;
}

/* 구독 변경 모달 */
.change_subscription .popup_title {
  padding: 25px 21px 0 21px;
  text-align: left;
  font-size: 15px;
  font-weight: 600;

}

.change_subscription .popup_contents_box {
  margin: 0 21px;
}

.change_subscription .popup_contents_box .popup_contents_title {
  margin-top: 32px;
  margin-bottom: 8px;
  font-size: 18px;
  text-align: left;
}

.change_subscription .popup_contents_box .popup_contents_sub {
  margin-bottom: 18px;
  color: #555;
  font-size: 15px;
}

.change_subscription .gray_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 15px 21px;
  border-radius: 10px;
  background-color: #F7F7F7;
}

.change_subscription .gray_box:not(:last-of-type) {
  margin-bottom: 11px;
}

.change_subscription .gray_box .gray_box_title {
  margin-bottom: 6px;
  font-family: 'Pretendard-Bold';
}

.change_subscription .gray_box .gray_box_detail {
  min-width: 400px;
}

.change_subscription .gray_box .gray_box_detail p {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 4px;
}

.change_subscription .gray_box .detail_title {
  font-family: 'Pretendard-SemiBold';
}

.change_subscription .gray_box .detail_title .color_gray.font_12 {
  font-family: 'Pretendard-Medium';
}

.change_subscription .gray_box .gray_box_detail p.total {
  margin-top: 10px;
  border-top: 1px solid #e6e6e6;
  padding-top: 7px;
  padding-left: 6px;
}

/* 현재 구독 : 유료 기능 체험 중 */
.change_subscription .gray_box_detail.experience {
  font-size: 15px;
}

.change_subscription .gray_box_detail.experience .sub_text {
  padding-top: 8px;
  font-family: 'Pretendard-SemiBold';
  font-size: 13px;
  color: #555;
}

.popup_box .circle {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 4px;
  margin-bottom: 2px;
  background-color: #555;
}

.popup_box .text_wrap {
  margin: 27px 21px 20px;
}

.popup_box .text_wrap p {
  margin-bottom: 5px;
}

.popup_button_wrap {
  margin-top: 20px;
  margin-bottom: 10px;
}

/* 내보내기 */
.popup_box .title_wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.popup_box .title_wrap p {
  font-weight: 600;
}

.popup_box .column_wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.popup_box .gray_bg {
  padding: 13px;
  border-radius: 8px;
  background-color: #F4F4F4;
}

.popup_box .gray_bg li:not(:last-child) {
  margin-bottom: 10px;
}

.popup_box .radio_type_list {
  display: flex;
  gap: 20px;
}

.popup_box .radio_type_list li label {
  border: 1px solid #ddd;
  padding: 6px 10px;
  border-radius: 5px;
}

.popup_box .radio_type_list li.checked label {
  border: 1px solid #222;
}

.popup_box .export_btn_wrap button {
  width: 79px;
}

/* 수정 */
.popup_box input[type=radio] {
  width: 14px;
  height: 14px;
}

.popup_box [type="radio"]:checked {
  border: 3px solid #fff;
}

.popup_box input[type=checkbox] {
  width: 14px;
  height: 14px;
  min-height: 14px;
  min-width: 14px;
  border-radius: 4px !important;
}

.filebox.filebox_width {
  width: 310px;
}

.popup_box .search.pop_search {
  width: 100%;
}

.popup_box .user_img {
  width: 18px;
  height: 18px;
  color: #DBDBDB;
  vertical-align: -4px;
}

/* .popup_box input[type=checkbox]:checked::after {
  content: '\f00c';
  color: #fff;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 11px;
  margin-left: 1px;
  vertical-align: 4px;
} */
.popup_box .item_table .outer_table_head:first-child th:first-child {
  padding: 7px 10px;
}

.popup_box .item_table .outer_table_head th {
  padding: 7px 10px;
}

.popup_box .popup_content.flex {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
  align-items: center;
}

.popup_box .popup_content.flex .pop_content {
  width: calc(100% - 60px);
}

.popup_box .inner_table td {
  padding-bottom: 15px;
}

.popup_box .input_width {
  width: calc(100% - 20px);
}

.popup_box .item_box .item_title.width_65px {
  width: 65px;
}

.popup_box .item_box .item_title.width_80px {
  width: 80px;
}

.popup_box .item_box .item_title.width_100px {
  width: 100px;
}

.popup_box .item_box .item_title.width_150px {
  width: 150px;
}

.popup_box .reservation_time {
  width: 400px;
  margin: 0 auto;
}

.popup_box .reservation_time .item_box .item_content.gap_20 {
  gap: 20px;
}

.reservation_time .item_select .select .selected {
  width: 100px;
}

.reservation_time .item_select .select .small_shadow_02 {
  width: 100px;
}

.schedul_auto .text_input {
  width: 170px !important;
}

.popup_box .item_box .item_content.gap_8 {
  column-gap: 8px !important;
}

.schedul_auto .popup_check_wrap input[type="checkbox"],
.user_add .popup_check_wrap input[type="checkbox"],
.change_subscription .popup_check_wrap input[type="checkbox"] {
  margin-bottom: 2px;
  margin-right: 6px;
}

.popup_content .width_310 {
  min-width: 310px !important;
}

.list-item-wrap .list-item.center {
  justify-content: center;
}

.admin_menu_edit .approval_group .list_wrap.after::after {
  display: none;
}

.admin_menu_edit .sub_text {
  margin-bottom: 15px;
}

.admin_menu_edit .approval_group .list_wrap .list_item {
  height: auto;
}

.admin_menu_edit .approval_group .list_item_inner {
  padding-left: 0;
}

.admin_menu_edit .arrow_toggle {
  margin-left: 6px;
  margin-bottom: 3px;
}

.admin_menu_edit .list_item_inner {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
}

.admin_menu_edit .list_item_inner li {
  width: calc(100% / 2 - 20px);
}

.admin_menu_edit .approval_group .list_wrap .list:last-child {
  padding-bottom: 0;
}

.admin_menu_edit .approval_group .list_wrap .list:last-child {
  margin-bottom: 0;
}

/* 검사 결과 팝업 */
.popup_box .result_table_wrap {
  width: 100%;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  min-width: 600px;
}

.popup_box .result_table_wrap .result {
  width: 100%;
}

.popup_box .result_table_wrap .result tr.result_tr:not(:last-child) {
  border-bottom: 1px solid #d2d2d2;
}

.popup_box .result_table_wrap .result tr.result_tr th {
  padding: 15px 20px;
  width: 30%;
  vertical-align: top;
  color: #5C656E;
}

.popup_box .result_table_wrap .result tr.result_tr td {
  color: #333;
}

.popup_box .result_table_wrap .result .result_count {
  width: 100%;
}

.popup_box .result_table_wrap .result .result_count th {
  padding: 15px 0 13px 0 !important;
  font-size: 14px;
  color: #aaa !important;
}

.popup_box .result_table_wrap .result .result_count td {
  padding-bottom: 13px;
}

.popup_box .max_width_200 {
  max-width: 200px;
}

.popup_box .max_width_250 {
  max-width: 250px;
}

.popup_box .max_width_300 {
  max-width: 300px;
}

.popup_box .max_width_400 {
  max-width: 400px;
}

/* 기존 인라인 스타일 추가 */
.popup_box .certification_info_text {
  padding-bottom: 28px;
  color: #7C7C7C;
  line-height: 25px;
}

.animation_loading_v2_style {
  position: absolute;
  top: calc(50% - 40px);
  left: calc(50% - 15px);
  /* top: calc(50%); 
  left: calc(50%);   */
  /* width: 90px;  */
}

/* from : dev_team_add */
.ip_input[type='text'] {
  width: 12% !important;
  height: 35px !important;
  border: 1px solid #D2D2D2 !important;
  box-sizing: border-box !important;
  border-radius: 5px !important;
  font-size: 14px !important;
  line-height: 17px;
  color: #000000;
  font-family: 'Pretendard-Light' !important;
  padding: 3px 11px !important;
  font-size: 14px !important;
  text-align: center;
  letter-spacing: 1px;
}

.memo_input {
  width: 71% !important;
  height: 35px !important;
  border: 1px solid #D2D2D2 !important;
  box-sizing: border-box !important;
  border-radius: 5px !important;
  font-size: 14px !important;
  line-height: 17px;
  color: #000000;
  font-family: 'Pretendard-Light' !important;
  padding: 3px 11px !important;
  font-size: 14px !important;
}

.alert_mid_con {
  text-align: center;
  font-size: 15px;
  line-height: 21px;
  padding: 0 !important;
  /* min-height: 64px; */
}

.alert_mid_con .s_icn img {
  margin-bottom: 15px;
}
.btn_white_small {
  padding: 6px 10px !important;
  color: #333333 !important;
  background: #FFFFFF !important;
  border: 1px solid #D2D2D2 !important;
  box-sizing: border-box !important;
  border-radius: 5px !important;
}

.btn_white:hover {
  background: #F2F2F2 !important;
}

.btn_white:active {
  background: rgba(170, 170, 170, 0.25) !important;
}

.btn_white:disabled {
  background: #EDECEC !important;
  color: #939393 !important;
  pointer-events: none !important;
}

.alert_top_tit {
  border: none;
  height: auto;
  text-align: center;
  font-size: 12px;
  padding: 12px 20px 30px 20px;
}

/* 승인자 추가 모달 from : dev_team */
.config_popup[name="popup_admin"] .add_approver_con,
.config_popup[name="popup_add_approver"] .add_approver_con,
.config_popup[name="popup_modify_admin"] .add_approver_con,
.config_popup[name="popup_modify_approver"] .add_approver_con {
  visibility: hidden;
  display: flex;
  justify-content: space-between;
  align-content: flex-start;
}

.div_inner_box_1 {
  display: inline-block;
  width: 285px;
}

.admin_notice,
.approver_notice {
  position: absolute;
  z-index: 2;
  width: 285px;
  height: 648px;
  right: 0 !important;
  background: rgba(231, 231, 231, 0.73);
  border-radius: 10px;
  padding-top: 300px;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #000000;
}

input.input_textbox_user_name {
  background: url(/assets/images/svg/grey-magnifying-glass.svg) no-repeat;
  background-position: 257px 9px;
  margin-top: 13px;
  margin-bottom: 10px;
  width: 285px;
  height: 35px;
  border: 1px solid #D2D2D2;
  border-radius: 5px;
  padding: 8px;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
}

input.input_textbox_user_name::placeholder {
  font-size: 14px;
  line-height: 17px;
  color: #939393;
  padding: 3px 3px;
}

input.input_textbox_user_name:focus {
  border: 1px solid #2196F3 !important;
}

.approver_member_table {
  margin: 0 auto;
  width: 100%;
  padding: 0;
  text-align: center;
  table-layout: fixed;
  height: 600px;
  overflow: auto;
  text-align: left;
}

.approver_member_table>table {
  table-layout: fixed;
}

.approver_member_td_selected {
  background: #ededed;
  border-radius: 5px;
}

.admin_member_table {
  margin: 0 auto;
  width: 100%;
  padding: 0;
  text-align: center;
  table-layout: fixed;
  height: 600px;
  overflow: auto;
  text-align: left;
}

.admin_member_table>table {
  table-layout: fixed;
}

.admin_member_table table td {
  border: none;
  padding: 5px;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  vertical-align: middle;
}

.admin_member_table table td:not(.approver_member_td_selected):hover {
  background: #F8F8F8;
  border-radius: 5px;
  cursor: pointer;
}
.admin_member_table table tbody tr td.none_data {
  pointer-events: none !important;
}
.popup_box .table_content {
  text-align: left;
  border-radius: 8px;
  border: 1px solid #DDD;
  padding: 0px;
  width: -webkit-fill-available;
  overflow: auto;
  max-height: 500px;
}

.popup_box .table_content>table>tbody>tr>td {
  padding: 8px 15px 8px 15px;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  /* border-bottom: solid 1px #eee; */
}
.popup_box[name="popup_policy_import"] .table_content>table>tbody>tr>td .all_view tbody>tr>td {
  white-space: normal;
}
.popup_box .table_content table tr:last-child {
  border-bottom: none;
}

.popup_box .table_content table tr:last-child td {
  border-bottom: none;
}

.popup_box .table_content table tr .all_view>tbody>tr {
  border-bottom: none !important;
}

input.input_textbox_user_name {
  background: url(/assets/images/svg/grey-magnifying-glass.svg) no-repeat;
  background-position: 257px 9px;
  margin-top: 13px;
  margin-bottom: 10px;
  width: 285px;
  height: 35px;
  border: 1px solid #D2D2D2;
  border-radius: 5px;
  padding: 8px;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
}

input.input_textbox_user_name::placeholder {
  font-size: 14px;
  line-height: 17px;
  color: #939393;
  padding: 3px 3px;
}

input.input_textbox_user_name:focus {
  border: 1px solid #2196F3 !important;
}

div.selected_approver {
  display: flex;
  margin-top: 13px;
  margin-bottom: 10px;
  padding: 8px;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  width: 285px;
  height: 35px;
  background: #F7F7F7;
  border: 1px solid #2196F3;
  border-radius: 5px;
}

img.btn_admin_cancel,
img.btn_approver_cancel {
  cursor: pointer;
  /*   padding-bottom: 8px !important;
  width: px !important; */
}

div.selected_approver_txt {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 249px;
  display: inline-block;
}

/* img.btn_approver_cancel {
  cursor: pointer;
  padding-bottom: 1px;
} */
.alert_bot_btn {
  text-align: center;
  padding: 25px 20px 0 !important;
  height: auto;
}

.approver-department-ol {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  display: inherit;
}

.approver-department-li {
  position: relative;
  margin: 0;
  /* padding: 0 0 20px 0; */
  min-height: 20px;
  font-size: 12px;
  line-height: 20px;
  text-align: left;
  display: inherit;
}

.btn_menu_underView {
  cursor: pointer;
}

.config_popup[name="popup_admin"] .btn_menu_underView,
.config_popup[name="popup_admin"] .btn_department_underView,
.config_popup[name="popup_add_approver"] .btn_menu_underView,
.config_popup[name="popup_add_approver"] .btn_department_underView,
.config_popup[name="popup_modify_admin"] .btn_menu_underView,
.config_popup[name="popup_modify_admin"] .btn_department_underView,
.config_popup[name="popup_modify_approver"] .btn_menu_underView,
.config_popup[name="popup_modify_approver"] .btn_department_underView {
  float: right;
  cursor: pointer;
  margin-top: 7px;
  margin-right: 10px;
  /* transition: all 0.2s ease; */
}

.approver-department-ol .approver-department-li {
  padding-left: 15px;
}

.select_departments {
  padding-top: 10px;
}

.approver-department-item {
  height: 30px;
  margin: 0;
  padding: 10px 3px;
  color: #333;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.approver_member_table>table {
  table-layout: fixed;
}

.approver_member_table table td {
  border: none;
  padding: 5px;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: middle;
  text-align: left;
}
.approver_member_table table td.none_data {
  pointer-events: none;
}
.approver_member_table table td:not(.approver_member_td_selected):hover {
  background: #F8F8F8;
  border-radius: 5px;
  cursor: pointer;
}

.approver_member_td_selected {
  background: #ededed;
  border-radius: 5px;
}

div.selected_admin {
  margin-top: 13px;
  margin-bottom: 10px;
  padding: 8px;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  width: 285px;
  height: 35px;
  background: #F7F7F7;
  border: 1px solid #2196F3;
  border-radius: 5px;
}

div.selected_admin .btn_admin_cancel {
  margin-bottom: 9px;
}

div.selected_admin_txt {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 249px;
  display: inline-block;
}

.div_inner_box_2 {
  display: inline-block;
  width: 285px;
}

.lang-en .div_inner_box_2 {
  display: inline-block;
  width: 305px;
}

/* agent download popup - from : dev_team  */
.notice_popup_guide {
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 129;
  width: calc(100% - 40px);
  padding: 25px !important;
  max-width: 954px;
  min-height: 575px;
  font-family: 'Pretendard-Bold';
  background-color: #F2F1EF;
  border-radius: 15px;
  color: #232323;
  max-height: calc(100% - 100px) !important;
  /* overflow: auto; */
}

.notice_popup_guide .popup_contents_box {
  max-height: 600px;
  overflow: auto !important;
}

.notice_popup_guide[name='popup_service_guide_1'],
.notice_popup_guide[name='popup_service_guide_2'],
.notice_popup_guide[name='popup_service_guide_3'],
.notice_popup_guide[name='popup_service_guide_4'],
.notice_popup_guide[name='popup_service_guide_5'] {
  background-color: #FFFFFF;
}

/* 인라인 */
.notice_popup_guide .content.notice_popup_guide_1_content {
  line-height: 30px;
  font-size: 23px;
  font-weight: bold;
  text-align: center;
  height: 350px;
  padding-top: 50px;
}

.notice_popup_guide .content.notice_popup_guide_1_content figure img {
  width: 45px;
  height: 45px;
}

.notice_popup_guide .content.notice_popup_guide_1_content .gray_text {
  color: #adc3c9
}

.notice_popup_guide .notice_popup_guide1_bottom {
  margin-top: 40px;
  text-align: center;
  margin-bottom: 80px;
}

.sg1_btn {
  background-color: #2192EF;
  border: none;
  width: 330px;
  height: 45px;
  border-radius: 5px;
  font-size: 20px;
  color: #fff;
}

.sg1_btn:hover {
  background-color: #60B8EA;
  border: none;
}

/* 슬릭 */
/* 인라인 */
/* .popup_service_guide_2_style .frame_close,
.popup_service_guide_3_style .frame_close,
.popup_service_guide_4_style .frame_close,
.popup_service_guide_5_style .frame_close {
  margin: -59px 0px 70px 905px;
} */
.popup_service_guide_2_style .sg_gaugeBar_li {
  line-height: 40px;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
}

/* dev-team */
.swing {
  animation: swing ease-in-out 0.6s infinite alternate;
  transform-origin: center 30px;
  display: inline-block;
}

/* .swing:hover{
  animation: swingFast ease-in-out 0.3s infinite alternate;
  transform-origin: center 30px;
  display: inline-block;
}

@keyframes swing {
  0% { transform: rotate(20deg); }
  100% { transform: rotate(-5deg); }
}

@keyframes swingFast {
  0% { transform: rotate(30deg); }
  100% { transform: rotate(-5deg); }
} */

/* .sg1_btn {
  background-color: #2192EF;
  border: none;
  width: 330px;
  height: 45px;
  border-radius: 5px;
  font-size: 20px;
}

.sg1_btn:hover {
  background-color: #60B8EA;
  border: none;
} */

.sg_gaugeBar {
  text-align: center;
  letter-spacing: -3.5px;
  margin-top: 20px;
}

.sg_gaugeBar_li {
  margin-bottom: -3px;
  line-height: 40px;
  font-size: 25px;
  font-weight: 900;
  text-align: center;
}

.sg_gaugeBarName_li {
  font-size: 13px;
  text-align: center;
  color: #cecece;
  margin-bottom: 50px;
}

.underBarText {
  margin-right: 20px;
  margin-left: 10px;
}

.sg_gaugeBar_line {
  /* padding-bottom: 10px; */
}

.sg_slide_img {
  display: inline-block !important;
  font-size: 25px;
  font-weight: 900;
  text-align: center;
  margin-top: 10px;
}

.sg_content_frame {
  text-align: center;
  line-height: 30px;
  margin-top: 15px;
  height: 340px;
}

.sg_title {
  font-size: 25px;
  font-weight: 500;
  font-family: 'Pretendard-Medium';
  text-align: center;
}

.sg_spanPoint {
  font-size: 18px;
  color: #EF5350;
}

.slick-arrow {
  z-index: 1;
  width: 42px;
  height: 42px;
  padding-bottom: 7px;
  border-radius: 50%;
  color: #000000;
}

.slick-arrow:hover {
  border-radius: 50%;
  background: #ececec;
}

.slick-arrow:hover::before {
  color: rgba(0, 0, 0, 0.5);
}

.slick-arrow::before {
  font-size: 30px;
  transition: all 0.5s;
}

.slick-prev {
  left: 140px;
}

.slick-prev::before {
  color: #cecece;
  content: "<";
}

.slick-next {
  right: 140px;
}

.slick-next::before {
  color: #cecece;
  content: " > ";
}

.skipImg {
  font-family: inherit;
  font-weight: 700;
  float: right;
  font-size: 18px;
  margin-top: 20px;
  cursor: pointer;
}

.skipImg_black {
  color: #cecece;
}

.sg_gaugeBar_con {
  cursor: pointer;
}

.vertical_line_TB {
  border-right: 0.5px solid #D2D2D2;
}

.PaidBtn {
  color: #000000;
  font-size: 18px;
  font-weight: 900;
  width: 120px;
  height: 45px;
  background: #FFFFFF;
  border: 0.5px solid #D2D2D2;
  box-sizing: border-box;
  border-radius: 5px;
}

.GuideBtn {
  color: #000000;
  font-size: 18px;
  font-weight: 900;
  padding: 0px 15px 0px 15px;
  height: 45px;
  background: #FFFFFF;
  border: 0.5px solid #D2D2D2;
  box-sizing: border-box;
  border-radius: 5px;
}

.GuideBtn:hover {
  background-color: #F7F7F7;
}

.PaidBtn:hover {
  background-color: #F7F7F7;
}

.PaidBtn:hover::before {
  color: rgba(0, 0, 0, 0.5);
}


.skipBtn span:last-child {
  display: none
}

.skipBtn:hover span:first-child {
  display: none
}

.skipBtn:hover span:last-child {
  display: inline-block
}



.content_wrapper_li_style {
  text-align: center;
  font-size: 25px;
  font-weight: 550;
}

.content_wrapper_li_style span {
  color: #222222;
  font-weight: 400;
  font-size: 22px;
  line-height: 26px;
}

.content_wrapper_li-hi_style {
  width: 22px;
  height: 22px;
  vertical-align: middle;
}

.content_wrapper_li-title_style {
  /* line-height:40px; */
  font-size: 25px;
  font-weight: bold;
  text-align: center;
}

.content_wrapper_li-title_style span {
  font-weight: 600;
  font-size: 22px;
  /* line-height: 26px;  */
  color: #222222;
}

.content_wrapper_li-content_style {
  text-align: center;
  margin-top: 35px;
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
}

.section-download .buttons li {
  display: block;
}

.section-download .buttons li .button {
  float: none;
  display: inline-block;
  border-radius: 6px;
  width: 220px;
  padding: 10px 14px;
  font-size: 14px;
  font-weight: normal;
}

.section-download .buttons li .button .icon {
  float: right;
}

.section-download .buttons li .button:first-of-type {
  margin-bottom: 6px;
}

.section-download-OS {
  display: inline-block;
  width: 314px;
  height: 332px;
  background: #FFFFFF;
  box-shadow: 0px 0px 40px rgba(197, 197, 197, 0.25);
  border-radius: 20px;
  text-align: center;
  /* margin-right: 45px; */
}

.section-download-text {
  margin: 41px 0px 16px 0px;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  color: #333333;
}

.section-download-text2 {
  margin: 30px 0px 50px 0px;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #333333;
}

.section-download-macOS {
  display: inline-block;
  width: 75px;
  height: 75px;
  background: #EDEDED;
  border-radius: 100px;
  padding: 17px;
  /* margin-bottom: 20px; */
}

.section-download-macOS img {
  width: 27px;
}

.section-download-windows {
  display: inline-block;
  width: 75px;
  height: 75px;
  background: #EDEDED;
  border-radius: 100px;
  padding: 23px 0px 23px 0px;
  /* margin-bottom: 20px; */
}

.section-download-windows img {
  width: 28px;
  height: 28px;
}

.btn_blue_dash_download {
  font-weight: 500;
  font-size: 17px;
  line-height: 20px;
  color: #FFFFFF;
  border: 0;
  cursor: pointer;
  width: 260px;
  height: 40px;
  background: #2196F3;
  border-radius: 5px;
  display: inline-block;
  padding: 9px;
}

.btn_blue_dash_download:hover {
  background: #2688D7;
}

.btn_blue_dash_download:active {
  background: #1472BD;
}

.btn_blue_dash_download img {
  margin-left: 9px;
}

.content_wrapper_li-ins-ok_style {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: #222222;
  text-align: center;
  margin-top: 55px;
}

.ins-ok_btn_style {
  font-weight: 600;
  font-size: 17px;
  line-height: 20px;
  color: #FFFFFF;
}

.p_10_20 {
  padding: 10px 20px;
}

.frame_close {
  width: 21px;
  height: 21px;
  padding: 10px;
  background-image: url(/assets/images/png/popup_close.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  /* margin: -24px 0px 65px 940px; */
  cursor: pointer;
  position: absolute;
  right: -35px;
  top: 0;
  filter: brightness(50);

  @media (max-width : 1200px) {
    right: 0;
    top: -35px;
  }
}

.frame_close:hover {
  /* background-image: url(/assets/images/svg/close2_hover.svg); */
  /* filter: brightness(80); */
  opacity: 0.8;
}

.frame_close:active {
  /* background-image: url(/assets/images/svg/close_active.svg); */
  opacity: 0.8;
}

.frame_close:disabled {
  /* background-image: url(/assets/images/svg/close_disabled.svg); */
  filter: brightness(10);
}

.text_box_gray {
  border-radius: 5px !important;
  height: 32px;
}

input.text_box_gray[type="radio"] {
  border-radius: 50% !important;
}

.item_box_content_flex_width_70 {
  width: calc(100% - 70px) !important;
  min-width: 200px;
}
.item_box_content_flex_width_120 {
  width: calc(100% - 130px) !important;
  min-width: 200px;
}

.item_box_content_flex_width_180 {
  width: calc(100% - 180px) !important;
}

/* 채팅 상담 요청 팝업 */
.popup_apply_poc_fail {
  padding: 10px 15px 24px 15px;
}

.popup_apply_poc_fail .content_wrapper .title {
  line-height: 50px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  margin-top: 14px;
}

.popup_apply_poc_fail .content_wrapper .title img {
  vertical-align: middle;
  width: 40px;
}

.popup_apply_poc_fail .content_wrapper .title span {
  font-size: 13px;
  font-weight: 700;
  line-height: 26px;
  color: #222222;
}

.popup_apply_poc_fail .content_wrapper .content {
  color: #5C656E;
  text-align: center;
  font-size: 13px;
  line-height: 20px;
}

.popup_apply_poc_fail .content_wrapper .bottom_btn_area {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: #222222;
  text-align: center;
  margin: 20px 0px 0px 0px;
}

.popup_apply_poc_fail .content_wrapper .bottom_btn_area button {
  font-size: 12px;
  font-weight: 500;
  border-radius: 5px;
  display: inline-flex;
  padding: 5px 20px;
}

.frame_close_v2 {
  width: 13px;
  height: 13px;
  float: right;
  background-image: url(/assets/images/svg/x_v1.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0px 0px 0px 0px;
  cursor: pointer;
}

/* 신청 완료 팝업 */
.popup_apply_poc_success {
  padding: 10px 15px 24px 15px;
}

.popup_apply_poc_success .content_wrapper .title {
  line-height: 50px;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  margin-top: 4px;
}

.popup_apply_poc_success .content_wrapper .title span {
  font-size: 15px;
  font-weight: 600;
  line-height: 26px;
  color: #333;
  font-family: 'Pretendard-Regular';
}

.popup_apply_poc_success .content_wrapper .content {
  color: #AAA;
  text-align: center;
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 28px;
  font-family: 'Pretendard-Regular';
}

.popup_apply_poc_success .content_wrapper .bottom_btn_area {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: #222222;
  text-align: center;
  margin: 20px 0px 0px 0px;
}

.popup_apply_poc_success .content_wrapper .bottom_btn_area button {
  font-size: 12px;
  font-weight: 500;
  border-radius: 5px;
  display: inline-flex;
  padding: 5px 20px;
}

/* 유료기능 체험(PoC) 신청 안내 팝업 인라인 */
.popup_apply_poc_style {
  padding: 15px 15px 24px 15px;
}

.popup_apply_poc_style .content_wrapper .title {
  line-height: 30px;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  margin-top: 30px;
}

.popup_apply_poc_style .content_wrapper .title span {
  color: #222;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.popup_apply_poc_style .content_wrapper .sub_title {
  margin: 12px 0px 32px 0px;
  text-align: center;
}

.popup_apply_poc_style .content_wrapper .sub_title span {
  color: #5C656E;
  font-size: 18px;
  font-style: normal;
  font-family: 'Pretendard-Regular';
  line-height: normal;
}

.popup_apply_poc_style .content_wrapper .content {
  text-align: center;
  font-size: 25px;
  font-weight: 550;
}

.popup_apply_poc_style .content_wrapper .content .content_list {
  display: flex;
  align-items: center;
  margin: 0 auto 7px;
  row-gap: 5px;
  flex-wrap: wrap;
  border-radius: 5px;
  background: #F7F7F7;
  width: calc(100% - 96px);
  padding: 10px 0;
  text-align: left;

}

.popup_apply_poc_style .content_wrapper .content .content_list .list-1 {
  width: 180px;
  display: inline-block;
  color: #5C656E;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  padding: 0px 0px 0px 18px;
}

.popup_apply_poc_style .content_wrapper .content .content_list .list-1 img {
  height: 14px;
  vertical-align: center;
}

.popup_apply_poc_style .content_wrapper .content .content_list .list-2 span {
  color: #AAA;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  font-family: 'Pretendard-Regular';
}

.popup_apply_poc_style .content_wrapper .content .content_list .list-2 {
  height: -webkit-fill-available;
  display: flex;
  align-items: center;
  color: #222;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-left: 18px;
  font-family: 'Pretendard-Regular';
}

.popup_apply_poc_style .content_wrapper .content .content-text {
  text-align: left;
  color: #222;
  font-size: 14px;
  padding: 4px 0px 0px 50px;
  word-spacing: 0px;
  font-family: 'Pretendard-Regular';
  line-height: 15px;
}

.popup_apply_poc_style .content_wrapper .content .content-text.blue_text {
  color: #2196F3;
}

.popup_apply_poc_style .content_wrapper .bottom_btn_area {
  font-weight: 500;
  font-size: 18px;
  /* line-height: 21px;  */
  color: #222222;
  /* text-align: center;  */
  margin-top: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.popup_apply_poc_style .content_wrapper .bottom_btn_area button {
  font-size: 14px;
  font-weight: 600;
  border-radius: 5px;
  display: inline-flex;
  padding: 4px 19px;
}

.popup_apply_poc_style .content_wrapper .bottom_btn_area button.btn_black {
  /* padding: 4px 19px 5px; */
}

/* 플로우 변경  */

/* 무료체험시 대시보드 처음 안내 팝업 인라인 */
.popup_guide_poc_style {
  padding: 15px 15px 24px 15px;
}

.popup_guide_poc_style .content_wrapper .title {
  line-height: 30px;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  margin-top: 50px;
}

.popup_guide_poc_style .content_wrapper .title span {
  color: #222;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.popup_guide_poc_style .content_wrapper .sub_title {
  margin: 26px 0px 34px 0px;
  text-align: center;
}

.popup_guide_poc_style .content_wrapper .sub_title span {
  color: #222;
  text-align: center;
  font-size: 22px;
  font-style: normal;
  font-family: 'Pretendard-Bold';
  line-height: normal;
}
html[lang='ja'] .Exosphere.custom--exosecurity .popup_guide_poc_style .content_wrapper .sub_title span {
  font-family: 'NotoSansJP-Bold';
}

.popup_guide_poc_style .content_wrapper .content {
  text-align: center;
  font-size: 25px;
  font-weight: 550;
}

.popup_guide_poc_style .content_wrapper .content .content_list {
  display: flex;
  /* align-items: center; */
  /* max-height: 39px; */
  margin: 0 auto 8px;
  row-gap: 5px;
  flex-wrap: wrap;
  border-radius: 5px;
  background: #FFF;
  width: calc(100% - 237px);
  padding: 10px 0;
  text-align: left;

}

.popup_guide_poc_style .content_wrapper .content .content_list .list-1 {
  width: 180px;
  display: inline-flex;
  align-items: center;
  color: #5C656E;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  padding: 0px 0px 0px 18px;
}
html[lang='ja'] .Exosphere.custom--exosecurity .popup_guide_poc_style .content_wrapper .content .content_list .list-1 {
  width: auto;
}

.popup_guide_poc_style .content_wrapper .content .content_list .list-1 img {
  height: 14px;
  /* vertical-align: center; */
  vertical-align: text-top;
}
.popup_guide_poc_style .content_wrapper .content .content_list .list-1 .list-1_title {
  font-family: 'Pretendard-SemiBold';
}
html[lang='ja'] .Exosphere.custom--exosecurity .popup_guide_poc_style .content_wrapper .content .content_list .list-1 .list-1_title {
  font-family: 'NotoSansJP-SemiBold';
}
.popup_guide_poc_style .content_wrapper .content .content_list .img-area {
  display: inline-flex;
  width: 20px;
  height: 19px;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}
.popup_guide_poc_style .content_wrapper .content .content_list .img-area-plan img {
  height: 17px;

}
.popup_guide_poc_style .content_wrapper .content .content_list .list-2 span {
  color: #AAA;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  font-family: 'Pretendard-Regular';
}
html[lang='ja'] .Exosphere.custom--exosecurity .popup_guide_poc_style .content_wrapper .content .content_list .list-2 span {
  font-family: 'NotoSansJP-Regular';
}
.popup_guide_poc_style .content_wrapper .content .content_list .list-2 {
  /* height: -webkit-fill-available; */
  display: flex;
  align-items: center;
  color: #222;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-left: 18px;
  font-family: 'Pretendard-Regular';
}
html[lang='ja'] .Exosphere.custom--exosecurity .popup_guide_poc_style .content_wrapper .content .content_list .list-2 {
  font-family: 'NotoSansJP-Regular';
}
.popup_guide_poc_style .content_wrapper .content .content-text {
  text-align: left;
  color: #555;
  font-size: 17px;
  padding: 6px 0px 0px 120px;
  word-spacing: 0px;
  font-family: 'Pretendard-Regular';
  line-height: 15px;
}
html[lang='ja'] .Exosphere.custom--exosecurity .popup_guide_poc_style .content_wrapper .content .content-text { 
  font-family: 'NotoSansJP-Regular';
  line-height: normal;
}
.popup_guide_poc_style .content_wrapper .content .content-text.content-text-3 {
  margin-top: 5px;
}
.popup_guide_poc_style .content_wrapper .content .content-text .circle {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #555;
  vertical-align: 2px;
}
.popup_guide_poc_style .content_wrapper .content .content-text.title-red {
  margin: 16px 5px 14px 0px;
}
.popup_guide_poc_style .content_wrapper .content .content-text .exclam_red {
    width: 15px;
    margin-right: 5px;
    vertical-align: -2px;
}
.popup_guide_poc_style .content_wrapper .content .content-text.blue_text {
  color: #2196F3;
}

.popup_guide_poc_style .content_wrapper .bottom_btn_area {
  font-weight: 500;
  font-size: 18px;
  color: #222222;
  margin: 40px 0px 40px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.popup_guide_poc_style .content_wrapper .bottom_btn_area a {
  font-size: 18px;
  border-radius: 8px;
  display: inline-flex;
  font-family: 'Pretendard-Regular';
}

.popup_guide_poc_style .content_wrapper .bottom_btn_area a.btn_black {
  padding: 10px 18px;
  border-radius: 8px !important;
  font-size: 16px;
}
.popup_guide_poc_style .content_wrapper {
  min-width: 700px;
}

/* 구조 유지 테이블 형태로 제작한 팝업 */
.table_syle {
  border-radius: 8px;
  border: #DDD 1px solid;
  font-size: 14px;
  overflow-x: auto;
  line-height: 17px;
  min-width: 400px;
}

.min_w_600 {
  min-width: 600px;
}
[name="popup_id_cloud_app_integration"] .outer_table_head_style {
  background-color: #F7F7F7;
  color: #aaa;
  border-bottom: 1px solid #eee;
} 

.table_syle .outer_table_head_style {
  background-color: #F7F7F7;
  color: #aaa;
  border-bottom: 1px solid #eee;
}

.table_syle .outer_table_head_style span {
  display: inline-block;
  padding: 10px 20px;
}
[name="popup_id_cloud_app_integration"] .outer_table_head_style {
  background-color: #F7F7F7;
  color: #aaa;
  border-bottom: 1px solid #eee;
} 
[name="popup_id_cloud_app_integration"] .outer_table_head_style span {
  display: inline-block;
  padding: 10px 20px;
}
[name="popup_id_cloud_app_integration"] .y-scroll-box {
  min-height: 180px;
}
.no_text {
  text-align: center;
  padding: 30px 0;
  color: #999;
}
.table_syle .table_title_style {
  display: inline-block;
  padding: 10px 20px;
  margin: 0;
}

.table_list_style {
  align-items: center;
}

.pop_tb_width_20percent {
  width: 20%;
}

.pop_tb_width_30percent {
  width: 30%;
}

.pop_tb_width_70percent {
  width: calc(70% - 4px);
}

.pop_tb_width_80percent {
  width: calc(80% - 4px);
}

.table_syle .border_b {
  border-bottom: 1px solid #ddd;
}

.table_item_style {
  display: inline-block;
  padding: 10px;
}

/* 필터 설정 */
.popup_box.filter .comp_reg_set {
  /* min-height: 100px;  */
  overflow-y: unset;
}

.popup_box.filter .comp_reg_set .item1 {
  display: inline-block;
}

/* 내보내기 팝업 */

/* 대시보드 - 내보내기 상세 팝업 */

.config_popup[name="popup_dashboard_export"] .alert_mid_con {
  padding: 0px 25px;
}

.config_popup[name="popup_dashboard_export"] .export_content {}

.config_popup[name="popup_dashboard_export"] .export_item:not(:first-child) {
  margin-top: 20px;
}

.config_popup[name="popup_dashboard_export"] .export_item[index="2"] {
  /* display: none; */
}

.config_popup[name="popup_dashboard_export"] .export_title {
  text-align: left;
  color: #222;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 10px;
}

.config_popup[name="popup_dashboard_export"] .export_radio_type {
  display: inline-block;
  border-radius: 5px;
  border: 1px solid #D2D2D2;
}

.config_popup[name="popup_dashboard_export"] .export_radio_type.selected {
  border: 1px solid #222;
}

.config_popup[name="popup_dashboard_export"] #export_email_input {
  border: none;
  /* width: 40%; */
  height: auto;
  padding: 7px 6px;
  color: #222;
  font-size: 13px;
  font-weight: 500;
  border-radius: 5px;
}

.config_popup[name="popup_dashboard_export"] #export_email_input::placeholder {
  padding: 0px 4px;
  color: #AAA;
  font-size: 13px;
  font-weight: 500;
}

.config_popup[name="popup_dashboard_export"] .export_select_board_3 .add_emails {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  width: 100%;
}

.config_popup[name="popup_dashboard_export"] .export_select_board_3 .add_emails .input_emails {
  /* display: flex; */
  margin: 2px;
}

.config_popup[name="popup_dashboard_export"] .btn_add_email {
  visibility: hidden;
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 5px 20px 0px rgba(35, 35, 35, 0.10);
  position: absolute;
  width: 91.5%;
  padding: 15px;
  margin-top: 5px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  cursor: pointer;
}

.config_popup[name="popup_dashboard_export"] .add_email {
  word-break: break-all;
  border-radius: 5px;
  background: rgba(92, 101, 110, 0.10);
  padding: 2px 8px;
  margin: 4px;
}

.config_popup[name="popup_dashboard_export"] .add_email img[src*="close_2.svg"] {
  padding: 5px;
  cursor: pointer !important;
  filter: brightness(70%);
}

.config_popup[name="popup_dashboard_export"] .btn_add_email .explain_text {
  width: 16%;
  color: #222;
  font-size: 13px;
  font-weight: 500;
  margin-right: 20px;
}

.config_popup[name="popup_dashboard_export"] .btn_add_email .current_email {
  width: 84%;
  word-break: break-all;
  color: #AAA;
  font-size: 13px;
  font-weight: 500;
}

.config_popup[name="popup_dashboard_export"] .export_select_board_1 {
  padding: 15px 4px 15px 12px;
  display: flex;
  border-radius: 5px;
  background: #FBFBFB;
  flex-wrap: wrap;
  min-height: 84px;
  align-content: space-between;
}

.config_popup[name="popup_dashboard_export"] .export_select_board_2 {
  text-align: left;
}

.config_popup[name="popup_dashboard_export"] .export_select_board_3 {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  padding: 0 !important;
  border-radius: 5px;
  border: 1px solid #D2D2D2;
  min-height: 30px !important;
  text-align: left;
}

.config_popup[name="popup_dashboard_export"] .export_checkbox {
  display: flex;
  align-items: center;
  width: 50%;
  height: 28px;
  text-align: left;
  color: #222;
  font-size: 13px;
  font-weight: 500;
  gap: 4px;
}

.config_popup[name="popup_dashboard_export"] .export_checkbox.under {
  /* width: 37.5%; */
  text-align: left;
}

/* 접속 허용 IP 추가 */
/* 현재 접속한 IP, 메모 위치 */
.popup_IP_add_bnt_mar {
  margin: 5px 0px 0px 120px;
}

/* PC 수량 li */
.payment-popup-style .li_popup_changingPCAmt {
  /* min-width: 756px; */
  overflow-x: auto;
}
.li_popup_changingPCAmt {
  padding: 10px !important;
  border-bottom: none !important;
}

/* 서포트팀에게 문의 */
.li_popup_changingPCAmt .img_td {
  vertical-align: initial;
}

.li_popup_changingPCAmt .img_td img {
  vertical-align: 10px;
}

/* PC 수량변경 팝업 테이블 */
.li_popup_changingPCAmt>table>tbody>tr>td {
  padding: 8px;
}

/* 서비스 탈퇴 팝업 */
.subscription_popup_withdraw_content {
  margin-bottom: 20px;
}

.subscription_popup_withdraw_content td {
  font-size: 14px;
  vertical-align: top;
}

.subscription_popup_withdraw_content td img {
  width: 12px;
  height: 12px;
}

/* 접근 가능 메뉴 변경 */
.config_popup[name="popup_admin"] .admin-menu-item,
.config_popup[name="popup_add_approver"] .admin-menu-item,
.config_popup[name="popup_modify_admin"] .admin-menu-item,
.config_popup[name="popup_modify_approver"] .admin-menu-item {
  height: 30px;
  margin: 0;
  padding: 0px 8px 0px 5px;
  color: #333;
  text-decoration: none;
  box-sizing: border-box;
  display: inherit;
}

.popup_modify_admin_style,
.popup_modify_approver_style {
  max-width: 403px;
  height: 826px;
}

.popup_modify_admin_style .select_menus_box,
.popup_modify_approver_style .select_menus_box {
  display: inline-block;
  width: 325px;
}

.popup_modify_admin_style .title_box,
.popup_modify_approver_style .title_box {
  display: inline-block;
  width: 50%;
  text-align: left;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #333333;
}

.popup_modify_admin_style .all_check_style,
.popup_modify_approver_style .all_check_style {
  display: inline-block;
  width: 48%;
  text-align: right;
}

.popup_modify_approver_style .all_check_style .admin_menu_name,
.popup_modify_admin_style .all_check_style .admin_menu_name {
  font-weight: 400;
  font-size: 14px;
  line-height: 15px;
  color: #333333;
}

.popup_modify_approver_style .admin_menu_style,
.popup_modify_admin_style .admin_menu_style {
  height: 648px;
  background-color: #F7F7F7;
  margin-top: 10px;
  border-radius: 10px;
  overflow-y: auto;
}

.config_popup[name="popup_modify_shortcut"] .btn_menu_underView {
  cursor: pointer;
  /* margin-top: 7px; */
  margin-bottom: 1px;
  margin-left: 5px;
  /* transition: all 0.2s ease; */
}

.config_popup[name="popup_modify_shortcut"] .shortcut_menu_name {
  color: #333333;
  font-size: 13px;
  line-height: 17px;
}

.config_popup[name="popup_modify_shortcut"] .shortcut_menu_name[type="1"] {
  font-weight: 600;
  font-size: 14px;
}

.config_popup[name="popup_modify_shortcut"] .shortcut_menu_name[type="2"] {
  font-weight: 600;
  font-size: 15px;
  padding-top: 8px;
  display: inline-block;
}

.config_popup[name="popup_modify_shortcut"] .shortcut_menu_name[type="3"] {
  font-weight: 500;
  font-size: 14px;
  color: #aaa;
  /* padding-top: 10px; */
  display: inline-block;
  padding-top: 5px;
}
.config_popup[name="popup_modify_shortcut"] .shortcut_menu_name[type="3"]::before {
  content: '\f111';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 5px;
  vertical-align: 3px;
  margin-right: 5px;
}

.config_popup[name="popup_modify_shortcut"] .shortcut_menu_name[type="4"],
.config_popup[name="popup_modify_shortcut"] .shortcut_menu_name[type="4-2"] {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.1;
}
.config_popup[name="popup_modify_shortcut"] .shortcut_menu_name[type="4-2"] {
  padding: 7px 0;
  display: block;
}

.config_popup[name="popup_modify_shortcut"] .admin-menu-ol {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

.config_popup[name="popup_modify_shortcut"] .admin-menu-ol[type="1"] {
  /* display: inline-block; */
  margin: 5px 0px;
}

.config_popup[name="popup_modify_shortcut"] .admin-menu-ol[type="2"] {
  /* display: inline-block; */
  padding-left: 10px;
  margin: 4px 0px;
}

.config_popup[name="popup_modify_shortcut"] .admin-menu-ol[type="3"] {
  /* display: inline-block; */
  padding-left: 10px;
  /* padding-top: 10px; */
}

.config_popup[name="popup_modify_shortcut"] .admin-menu-ol[type="4"] {
  display: inline-block;
  padding-left: 10px;
  width: 50%;
  padding-top: 2px;
  padding-bottom: 5px;
}

/* 반출 파일 백업 정책 구분 마진 */
.admin-menu-ol[type="4"]:has(> li > div > label[for*="POLICY_FILE_BACKUP"]) {
  margin-top: 8px;
}


.config_popup[name="popup_modify_shortcut"] .admin-menu-ol[type="4-1"] {
  display: inline-block;
  padding-left: 30px;
  width: 33%;
}

.config_popup[name="popup_modify_shortcut"] .admin-menu-ol[type="4-2"] {
  padding-left: 10px;
}

.config_popup[name="popup_modify_shortcut"] .admin-menu-ol[type="5"] {
  display: inline-block;
  padding-left: 10px;
  width: 50%;
}
.config_popup[name="popup_modify_shortcut"] .admin-menu-ol[type="1"] > .admin-menu-li > .admin-menu-item span {
  background-repeat: no-repeat;
  padding-left: 25px;
  background-size: 16px;
}
.config_popup[name="popup_modify_shortcut"] .admin-menu-ol[type="1"]:nth-child(1) > .admin-menu-li > .admin-menu-item span {
  background-image: url("/assets/images/svg/admin-menu-ol-icon-1.svg");
}
.config_popup[name="popup_modify_shortcut"] .admin-menu-ol[type="1"]:nth-child(2) > .admin-menu-li > .admin-menu-item span {
  background-image: url("/assets/images/svg/admin-menu-ol-icon-2.svg");
}
.config_popup[name="popup_modify_shortcut"] .admin-menu-ol[type="1"]:nth-child(3) > .admin-menu-li > .admin-menu-item span {
  background-image: url("/assets/images/svg/admin-menu-ol-icon-3.svg");
  background-position-y: 2px;
}
.config_popup[name="popup_modify_shortcut"] .admin-menu-ol[type="1"]:nth-child(4) > .admin-menu-li > .admin-menu-item span {
  background-image: url("/assets/images/svg/admin-menu-ol-icon-4.svg");
}
.config_popup[name="popup_modify_shortcut"] .admin-menu-ol[type="1"]:nth-child(5) > .admin-menu-li > .admin-menu-item span {
  background-image: url("/assets/images/svg/admin-menu-ol-icon-5.svg");
}
.config_popup[name="popup_modify_shortcut"] .admin-menu-ol[type="1"]:nth-child(6) > .admin-menu-li > .admin-menu-item span {
  background-image: url("/assets/images/svg/admin-menu-ol-icon-6.svg");
}
.config_popup[name="popup_modify_shortcut"] .admin-menu-ol[type="1"]:nth-child(7) > .admin-menu-li > .admin-menu-item span {
  background-image: url("/assets/images/svg/admin-menu-ol-icon-7.svg");
}

.config_popup[name="popup_modify_shortcut"] .admin-menu-li {
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 20px;
  font-size: 12px;
  line-height: 20px;
  text-align: left;
  display: inherit;
}

.config_popup[name="popup_admin"] .admin-menu-li,
.config_popup[name="popup_add_approver"] .admin-menu-li,
.config_popup[name="popup_modify_admin"] .admin-menu-li,
.config_popup[name="popup_modify_approver"] .admin-menu-li {
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 20px;
  font-size: 12px;
  line-height: 20px;
  text-align: left;
  display: inherit;
}

.config_popup[name="popup_admin"] .admin-menu-ol .admin-menu-li,
.config_popup[name="popup_add_approver"] .admin-menu-ol .admin-menu-li,
.config_popup[name="popup_modify_admin"] .admin-menu-ol .admin-menu-li,
.config_popup[name="popup_modify_approver"] .admin-menu-ol .admin-menu-li {
  padding-left: 15px;
}

.config_popup[name="popup_admin"] .select_menus,
.config_popup[name="popup_add_approver"] .select_menus,
.config_popup[name="popup_modify_admin"] .select_menus,
.config_popup[name="popup_modify_approver"] .select_menus {
  overflow: auto;
  height: inherit;
  padding: 23px 0px;
}

.config_popup[name="popup_modify_shortcut"] .admin-menu-ol .admin-menu-li {}

.config_popup[name="popup_modify_shortcut"] .admin-menu-item {
  /* height: 30px; */
  margin: 0;
  /* padding: 5px 8px 5px 5px; */
  color: #333;
  text-decoration: none;
  box-sizing: border-box;
  display: inherit;
}

.config_popup[name="popup_modify_shortcut"] div.selected_admin {
  margin-top: 13px;
  margin-bottom: 10px;
  padding: 8px;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  width: 285px;
  height: 35px;
  background: #F7F7F7;
  border: 1px solid #2196F3;
  border-radius: 5px;
}

.config_popup[name="popup_modify_shortcut"] div.selected_admin_txt {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 249px;
  display: inline-block;
}

.config_popup[name="popup_modify_shortcut"] img.btn_admin_cancel {
  cursor: pointer;
  padding-bottom: 1px;
}

.config_popup[name="popup_modify_shortcut"] .add_admin_con {
  visibility: hidden;
  display: flex;
  justify-content: space-between;
  align-content: flex-start;
}

.config_popup[name="popup_modify_shortcut"] .select_menus_box {
  display: inline-block;
  width: 620px;
}

.config_popup[name="popup_modify_shortcut"] .select_menus_box>div.select_menus_box_1 {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 15px;
  line-height: 17px;
  color: #222;
  font-weight: 600;
}

.config_popup[name="popup_modify_shortcut"] .select_menus_box>div.select_menus_box_2 {
  height: 400px;
  max-height: 600px;
  min-height: 400px;
  background-color: #FBFBFB;
  margin-top: 10px;
  /* border-radius: 10px; */
  border: 1px solid #DDDDDD;
  overflow-y: auto;
  
}
.config_popup[name="popup_modify_shortcut"] .select_menus > .admin-menu-ol > .admin-menu-li > .admin-menu-item {
  background: #F1F1F1;
  padding: 8px 8px 8px 5px;
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: 6px;
  margin-top: 17px;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  align-items: center;
}
.config_popup[name="popup_modify_shortcut"] .select_menus > .admin-menu-ol > .admin-menu-li > .admin-menu-item .shortcut_menu_name {
  color: #717A85;
  margin-left: 3px;
}

.config_popup[name="popup_modify_shortcut"] .select_menus {
  padding: 0 20px 20px;
}

/* 로그인페이지 - 계정 잠금 해제하기 인라인 */
.popup_unlock_account_style .alert_mid_con {
  margin: 28px 0px 10px 0px;
  text-align: left;
}

.popup_unlock_account_style .cont_margin {
  margin: 28px 0px 10px 0px;
  overflow: auto;
}

.popup_unlock_account_style .width_60px {
  width: 60px;
}

.popup_unlock_account_style .width_60px p {
  white-space: nowrap;
  font-size: 14px;
}

.popup_unlock_account_style .num_input_area .lock_input {
  margin-right: 4px;
}

.popup_unlock_account_style .num_input_area .btn_white {
  font-size: 14px;
  padding: 6px 11px 6px 11px;
}

.popup_unlock_account_style .num_input_area .time_remaining {
  padding-left: 10px;
  line-height: 36px;
  font-size: 14px;
  float: right;
}

.popup_unlock_account_style .p_5_10 {
  padding: 5px 10px;
}

/* 비밀번호 변경 팝업 */
.popup_password_2_style .popup_content {
  font-size: 15px;
  line-height: 25px;
}

.popup_password_2_style .popup_password_title {
  color: #333333;
  font-weight: 600;
}

.popup_password_2_style .popup_password_text {
  color: #7C7C7C;
  margin-bottom: 25px;
}

.popup_password_2_style .title_area {
  font-size: 14px;
  width: fit-content;
  white-space: nowrap;
}

.popup_password_2_style .input_mar_5_10 {
  margin: 5px 10px;
}

.popup_password_2_style input.text {
  width: 300px;
}

.popup_password_2_style input.text:focus {
  outline: none;
}

/*------------------------------------------------------------
공통메뉴리스트 - ui.css 수정
------------------------------------------------------------*/
.common_menu_list {
  position: relative;
  font-weight: normal;
  min-width: 170px;
}

.common_menu_list ul {
  position: absolute;
  box-shadow: 3px 3px 10px 5px rgba(0, 0, 0, 0.07) !important;
  -webkit-box-shadow: 3px 3px 10px 5px rgba(0, 0, 0, 0.07) !important;
  -moz-box-shadow: 3px 3px 10px 5px rgba(0, 0, 0, 0.07) !important;
  border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  background: #fff;
  z-index: 500;
  border: none !important;
  white-space: nowrap;
  margin-top: 3px;
  padding: 5px;
  width: max-content;
}

.common_menu_list ul li {
  text-align: center;
}

.common_menu_list ul li:not(:last-of-type) {
  margin-bottom: 4px;
}

.common_menu_list ul li a {
  display: block;
  overflow: hidden;
  padding: 7px 16px !important;
  line-height: 1.2;
  word-break: break-word;
  white-space: normal;
  border-radius: 5px !important;
  color: #999 !important;
  font-size: 14px;
}

.common_menu_list ul li a:hover {
  background: #E7EAED !important;
  color: #222 !important;
  text-decoration: underline;
}

.common_menu_list ul li:first-child a:hover {
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
}

.common_menu_list ul li.end_list a:hover {
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

.common_menu_list .all_user_btn {
  width: 100%;
  max-width: 134px;
}

/* 200대 이상 팝업 */
.size_priceByPCQuantity_new {
  width: 100%;
  max-width: 570px;
  height: fit-content;
  border-radius: 20px;
  background: #FFFFFF;
  padding: 22px;
}

.priceByPCQuantity_sub_type {
  margin-bottom: -2px;
  text-align: center;
  font-size: 26px;
}

.priceByPCQuantity_date_type {
  font-weight: 500;
  font-size: 18px;
  color: #8B8B8B;
  margin-bottom: 6px;
  background: #EFEFEF;
  width: fit-content;
  border-radius: 100px;
  padding: 6px 20px;
  display: inline-block;
}


.priceByPCQuantity_title {
  height: 84px;
  text-align: left;
  font-size: 20px;
  font-weight: 700;
  margin: 20px 15px 20px 15px;
  text-align: center;
}

table.price_info_table {
  width: 100% !important;
  height: 300px;
}

table.price_info_table td {
  font-size: 16px;
  text-align: center;
  color: #797979;
  font-family: 'Pretendard-Light';
}

table.price_info_table td:nth-child(1) {
  font-size: 16px;
  font-weight: 600;
}

table.price_info_table>tbody>tr:nth-child(1)>td {
  font-family: 'Pretendard-Medium';
}

table.price_info_table>tbody>tr {
  border-bottom: 1px solid #CACACA;
}

table.price_info_table>tbody>tr:nth-child(1) {
  background: #F7F7F7;
  border-top: 2px solid #CACACA;
  border-bottom: 2px solid #CACACA;
}

table.price_info_table>tbody>tr:nth-child(1)>td {
  color: #A6A6A6;
}

table.price_info_table>tbody>tr>td:nth-child(1) {
  border-right: 1px solid #E8E8E8;
}

table.price_info_table>tbody>tr>td:nth-child(1) {
  width: 40%;
}

/* size_priceByPCQuantity_new 인라인 코드 */
.size_priceByPCQuantity_new .table_title {
  font-size: 17px;
  font-weight: 500;
}

.size_priceByPCQuantity_new .popup_content .sub-text {
  font-size: 14px;
  color: #333333;
  font-weight: 500;
  float: right;
  /* margin-top: 40px;  */
  margin-bottom: 10px;
}

.size_priceByPCQuantity_new .price_info_table .table_head-h {
  height: 50px;
}

.size_priceByPCQuantity_new .price_info_table .table_head_img1 {
  vertical-align: text-top;
  display: inline-block;
  height: 20px;
  margin-right: 2px;
}

.size_priceByPCQuantity_new .price_info_table .table_head_img2 {
  vertical-align: middle;
  display: inline-block;
  height: 26px;
  margin-right: 2px;
}

.size_priceByPCQuantity_new .popup_content .price_info_table_month {
  color: #333333;
  font-weight: 600;
}

.size_priceByPCQuantity_new .popup_content td .light_text {
  font-size: 13px;
  font-weight: 600;
  color: #333333;
}

/* 결제카드 선택 */
/* 카드가 없을때 */
.select_payment_credit_card_style .select_payment_credit_card_no_li {
  height: 335px;
  padding: 90px !important;
  text-align: center;
  width: 425px;
}

/* 카드가 있을때  */
.select_payment_credit_card_style .select_payment_credit_card_li {
  overflow: auto;
  height: 335px;
  /* padding:15px 15px 15px 15px !important;  */
  text-align: center;
  /* width: 425px; */
}



/* 지훈 */
.config_popup[name="popup_dashboard_detail"] {
  position: absolute;
  display: none;
  margin-top: 0px;
  /* top: 173px; */
  top: 50% !important;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 10px;
  z-index: 130;
  background: #fff;
}

.config_popup[name="popup_apply_poc"] {
  max-width: 618px;
}

.config_popup[name="popup_guide_poc"] {
  max-width: 800px;
  background: #F2F1EF;
}


.set-layer-popup_dashboard-overview[name="popup_dashboard_detail"] .imgShow-arrow-right-black {
  background-image: url("/assets/images/svg/icon-arrow-right-black-small.svg");
  vertical-align: text-top;
}

.set-layer-popup_dashboard-overview[name="popup_dashboard_detail"] .table_detail {
  background: #fbfbfb;
}

.set-layer-popup_dashboard-overview[name="popup_dashboard_detail"] .dash_btn_small {
  border-radius: 3px;
  background: rgba(223, 223, 223, 0.30);
  color: #333;
  font-size: 11px;
  font-weight: 400;
  padding: 2px 10px;
}

.set-layer-popup_dashboard-overview[name="popup_dashboard_detail"] .dash_btn_small:hover {
  background: rgba(223, 223, 223, 0.70);
}

.set-layer-popup_dashboard-overview[name="popup_dashboard_detail"] .dash_btn_small:active {
  background: rgba(223, 223, 223, 0.90);
}

.set-layer-popup_dashboard-overview[name="popup_dashboard_detail"] div.dashboard_more {
  position: absolute;
  right: 30px;
  bottom: 20px;
  color: #222;
  font-size: 13px;
  font-weight: 500;

  @media (max-width : 970px) {
    position: static;

  }
}

.set-layer-popup_dashboard-overview[name="popup_dashboard_detail"] .button-details-table {
  background-image: url("/assets/images/svg/icn_arrow_down.svg");
}

.set-layer-popup_dashboard-overview[name="popup_dashboard_detail"] .button-details-table[event='down'] {
  background-image: url("/assets/images/svg/icn_arrow_down.svg");
}

.set-layer-popup_dashboard-overview[name="popup_dashboard_detail"] .button-details-table[event='up'] {
  background-image: url("/assets/images/svg/icn_arrow_up.svg");
}

.set-layer-popup_dashboard-overview[name="popup_dashboard_detail"] .table_detail>.view_data>.all_view>tbody>tr>td {
  border: none;
}

.set-layer-popup_dashboard-overview[name="popup_dashboard_detail"] .table_detail>.view_data>.all_view>tbody>tr>td:first-child {
  color: #AAA;
  font-size: 14px;
  font-weight: 500;
  /* vertical-align: baseline; */
}

.set-layer-popup_dashboard-overview[name="popup_dashboard_detail"] .table_detail>.view_data>.all_view>tbody>tr>td:last-child {
  color: #222;
  font-size: 14px;
  font-weight: 500;
}

.set-layer-popup_dashboard-overview[name="popup_dashboard_detail"] .layout_card>.area_content>.con_table>.table_content>table>tbody>tr:last-child>td {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.set-layer-popup_dashboard-overview[name="popup_dashboard_detail"] .layout_card>.area_content>.con_table>.table_content>table>tbody>tr:not(.detail)>td {
  border-bottom: none;
  border-top: solid 1px #eee;
}

.set-layer-popup_dashboard-overview[name="popup_dashboard_detail"] table.detaile {
  /* border-collapse: separate;
  border: none !important; */
}

.set-layer-popup_dashboard-overview[name="popup_dashboard_detail"] table.detaile tbody tr th {
  /* border: none !important; */
}

.set-layer-popup_dashboard-overview[name="popup_dashboard_detail"] table.detaile tbody tr:first-child th:first-child {
  border-top-left-radius: 5px;
}

.set-layer-popup_dashboard-overview[name="popup_dashboard_detail"] table.detaile tbody tr:first-child th:last-child {
  border-top-right-radius: 5px;
}

.set-layer-popup_dashboard-overview[name="popup_dashboard_detail"] table.detaile tbody tr:last-child td:first-child {
  border-bottom-left-radius: 5px;
}

.set-layer-popup_dashboard-overview[name="popup_dashboard_detail"] table.detaile tbody tr:last-child td:last-child {
  border-bottom-right-radius: 5px;
}

.set-layer-popup_dashboard-overview[name="popup_dashboard_detail"] table.detaile tbody tr:first-child th {
  color: #AAA;
  /* font-size: 11px; */
  font-weight: 400;
  /* padding: 10px 0; */
}

/* .set-layer-popup_dashboard-overview[name="popup_dashboard_detail"] table.detaile tbody tr:not(:first-child) td {
  color: #222;
  font-size: 12px;
  font-weight: 400;
  border-bottom: none;
} */

.set-layer-popup_dashboard-overview[name="popup_dashboard_detail"] .set_layer_popup_middle {
  margin-top: 5px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border: none;
}

.set-layer-popup_dashboard-overview[name="popup_dashboard_detail"] .set_layer_popup_middle .table_content table tbody tr:last-child td {
  border: none;
}

.set-layer-popup_dashboard-overview[name="popup_dashboard_detail"] .set_layer_popup_middle .table_content table thead tr:first-child th:first-child {
  border-top-left-radius: 8px;
}

.set-layer-popup_dashboard-overview[name="popup_dashboard_detail"] .set_layer_popup_middle .table_content table thead tr:first-child th:last-child {
  border-top-right-radius: 8px;
}

/* .set-layer-popup_dashboard-overview[name="popup_dashboard_detail"] .set_layer_popup_middle .table_content table thead tr th {
  border: none;
  color: #AAA;
  font-size: 14px;
  font-weight: 500;
} */

/* .set-layer-popup_dashboard-overview[name="popup_dashboard_detail"][type="NEWS"] .set_layer_popup_middle .table_content table tbody tr td:nth-child(1) {
  height: 50px;
  color: #000;
  font-size: 15px;
  font-weight: 400;
}
 */
/* .set-layer-popup_dashboard-overview[name="popup_dashboard_detail"][type="NEWS"] .set_layer_popup_middle .table_content table tbody tr td:nth-child(2) {
  color: #AAA;
  font-size: 13px;
  font-weight: 500;
} */

/* 지훈 */

/* alret 폴더 내 팝업 / 인라인 */
.alert_popup2 {
  background: #FFFFFF;
  box-shadow: 0px 5px 20px rgba(35, 35, 35, 0.33) !important;
  border-radius: 5px !important;
  border: none;
}

.account_lockout_style .alert_mid_con {
  text-align: left;
  padding: 0px 35px;
  line-height: 25px;
}

.account_lockout_style .alert_mid_con .title {
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  color: #333333;
}

.account_lockout_style .alert_mid_con .s_main_text {
  margin-bottom: 28px;
}

.account_lockout_style .alert_mid_con .s_main_text p {
  font-size: 14px;
  color: #7C7C7C;
}

.account_lockout_style .alert_mid_con .s_add_text {
  text-align: center;

}

.account_lockout_style .alert_mid_con .s_add_text button {
  font-size: 12px;
  line-height: 14px;
  color: #333333;
  width: 374px;
  font-weight: 500;
}

.account_lockout_style .alert_mid_con .s_add_text button img {
  float: right;
  padding-top: 2px;
}

.account_lockout_style .btn_wrapper button {
  font-size: 14px;
  padding: 10px 30px 10px 30px;
}

/* 기본 알럿 내 테이블 */
.alert6_style .alert_top_tit {
  text-align: left;
  padding: 10px 20px 10px 20px;
}

.s_main_table table {
  /* width: 100%;
  font-size: 13px;
  text-align: center; */
}

.s_main_table table thead td {
  /* padding: 10px 8px;
  border-width: 1px 1px 1px 0;
  border-color: #bbb;
  border-style: solid;
  background: #ececec;
  font-weight: bold; */
  color: var(--text-gray-color);
  background-color: var(--table-title-bg);
  font-size: 14px;
  padding: 7px 10px;
}

.s_main_table table thead td:first-child {
  border-radius: 8px 0 0 0;
}

.s_main_table table thead td:last-child {
  border-radius: 0 8px 0 0;
}

.s_main_table table thead td:last-child {
  /* border-width: 1px 0px 1px 0px; */
}

.s_main_table table tbody td {
  /*  padding: 10px 8px;
  border-width: 1px 1px 1px 0;
  border-color: #bbb;
  border-style: solid;
  font-size: 12px; */
  padding: 7px 10px;
}

.s_main_table table tbody td:last-child {
  /* border-width: 1px 0px 1px 0px; */
}

/* ㅡㅡㅡㅡㅡㅡㅡ */


.popup_approval_device_style .set_layer_popup_middle table,
.popup_approval_print_style .set_layer_popup_middle table {
  border-collapse: separate;
  border-spacing: 0px 10px;
  word-break: break-all;
}

.popup_approval_print_style .set_layer_popup_middle table td,
.popup_approval_device_style .set_layer_popup_middle table td {
  height: 26px;
}

.popup_approval_print_style .set_layer_popup_middle table td.td_title,
.popup_approval_device_style .set_layer_popup_middle table td.td_title {
  width: 230px;
  min-width: fit-content;
}

.popup_approval_file_style .set_layer_popup_middle .list {
  padding: 10px 0px;
}

.popup_approval_file_style .set_layer_popup_middle .list .left_aligned {
  display: inline-block;
  width: 15%;
}

.approval_info_detail_style .pop_title {
  font-size: 12px;
  line-height: 14px;
  color: #000000;
}

.approval_info_detail_style .approval_info_detail_li {
  padding: 0px 30px;
  font-size: 15px;
  line-height: 25px;
}

.approval_info_detail_style .approval_info_detail_li table {
  width: 100%;
}

table.approval-detail[name="approval_info_detail"] {
  border-collapse: separate;
  background: #FFFFFF;
  border: 1px solid #E1E1E1;
  border-radius: 8px;
  table-layout: fixed;
}

table.approval-detail[name="approval_info_detail"] tr td:nth-child(1) {
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #222222;
  padding: 17px 20px;
  width: 34%;
  /* width: 30%; */
  word-wrap: break-word;
  white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden;
}

table.approval-detail[name="approval_info_detail"] tr td:nth-child(2) {
  font-weight: 500;
  font-size: 15px;
  line-height: 150%;
  color: #5C656E;
  padding: 17px 20px;
  display: flex;
  word-break: break-all;
  /* white-space: initial; */
  /* white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; */
}

table.approval-detail[name="approval_info_detail"] tr:not(:last-child) td {
  border-bottom: 0.5px solid #DDDDDD;
}

table.approval-detail-2[name="approval_info_detail"] {
  border-collapse: separate;
  background: #FFFFFF;
  border: 1px solid #d2d2d2;
  border-radius: 8px;
  table-layout: fixed;
  /* min-width: 560px; */
}
.popup_box[name="approval_info_detail"].approval_info_detail_style .approval_info_detail_li {
  padding: 0;
}

table.approval-detail-2[name="approval_info_detail"]>tbody>tr>td:nth-child(1) {
  font-weight: 500;
  font-size: 15px;
  line-height: 150%;
  color: #7c7c7c;
  padding: 10px 0px 10px 20px;
  vertical-align: top;
  /* white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; */

  word-wrap: break-word;
  white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden;
}

table.approval-detail-2[name="approval_info_detail"]>tbody>tr>td:nth-child(2) {
  font-weight: 500;
  font-size: 15px;
  line-height: 150%;
  color: #222222;
  padding: 10px 20px;
  display: flex;
  word-break: break-all;
  white-space: initial;
}

table.approval-detail-2[name="approval_info_detail"]>tbody>tr:not(:last-child)>td {
  border-bottom: 0.5px solid #d2d2d2;
}

.detail-inner-table {
  overflow-y: auto;
  max-height: 200px;
  padding: 0px;
}

table.detail-inner-table td {
  padding: 10px 0px;
  border-top: none;
}

table.detail-inner-table tr:nth-child(1) td {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #AAAAAA;
  padding: 0 0 5px 0;
}

table.detail-inner-table tr:nth-child(n+2) td {
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #333333;
  padding: 5px 0px;
}

.approval-file-detail-cf-tooltip {
  font-weight: 500;
  font-size: 12px;
  line-height: 150%;
  color: #2196F3;
  background: rgba(33, 150, 243, 0.1);
  border-radius: 5px;
  padding: 3px 9px;
  margin: 0px 0px 0px 10px;
}

/* 구독 변경 팝업 */

/* 닫기 버튼 */
.subscription_close_img {
  vertical-align: top;
  position: absolute;
  right: 12px;
  top: 14px;
  vertical-align: top;
  width: 34px;
  cursor: pointer;
  padding: 10px;
}
@media (max-width : 800px) {
  .payment-popup-style .set_layer_popup_top {
    position: relative;
  }
  .subscription_close_img {
    position: fixed;
    right: 12px;
    top: 14px;
  }
}

.subscription_close_img:hover {
  content: url("/assets/images/svg/close_hover.svg");
}

.subscription_close_img:active {
  content: url("/assets/images/svg/close_active.svg");
}

.subscription_close_img:disabled {
  content: url("/assets/images/svg/close_disabled.svg");
}

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

.tb_popup_changingPCAmt {
  border-collapse: separate;
  border-spacing: 4px;
  margin-bottom: 35px;
  padding: 10px;
  min-width: 736px;
}

/* PC수량변경 결제사항 디테일 */
.PC_quantity_change_payment_details>table {
  line-height: 17px;
  border-collapse: separate;
  border-spacing: 0 20px;
  letter-spacing: -0.5px;
}

/* PC수량변경 결제사항 디테일 */
.PC_quantity_change_payment_details td {
  font-size: 14px;
}

.subscription_inner_text {
  font-size: 14px;
  font-family: 'Pretendard-Regular';
}

.btn_sub_inner {
  padding: 7px 18px;
  font-size: 12px;
  height: 34px;
}

.subscription_inner_text_emp {
  color: #2196F3 !important;
  font-family: 'Pretendard-Regular';
}

/* 테이블내 HR 얇고 연하게 변경 */
div.subscriptionChange_table_subscriptionInfo_right.currentSubscription>table>tbody>tr>td>hr {
  margin: 0;
  width: 102%;
  border: 0;
  height: 1px;
  background: #c9c9c9;
}

div.subscriptionChange_table_subscriptionInfo_right.newSubscription>table>tbody>tr>td>hr {
  margin: 0;
  width: 102%;
  border: 0;
  height: 1px;
  background: #c9c9c9;
}

div.subscriptionChange_table_subscriptionInfo_right.finalPaymentAmount>table>tbody>tr>td>hr {
  margin: 0;
  width: 102%;
  border: 0;
  height: 1px;
  background: #c9c9c9;
}

div.subscriptionChange_table_subscriptionInfo_right.newSubscription_info>table>tbody>tr>td>hr {
  margin: 0;
  width: 102%;
  border: 0;
  height: 1px;
  background: #c9c9c9;
}

.subscriptionChange_table>tbody>tr>td>div>label>div:nth-child(1) {
  margin-bottom: -7px;
  font-size: 14px;
}

.subscriptionChange_table>tbody>tr>td>div>label>div:nth-child(n+2) {
  font-size: 13px;
}

.subscriptionChange_table_subscriptionInfo_right_box {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.subscriptionChange_table_subscriptionInfo_right_box>.currentSubscription {
  padding: 3px 3px 10px 3px;
}

.newSubscription {
  padding: 3px 3px 10px 3px;
  /* margin: 0px 0px; */
}

.newSubscription_info {
  padding: 3px 3px 10px 3px;
  margin: 15px 0px;
}

.subscriptionChange_table_subscriptionInfo_right.newSubscription_info>table>tbody>tr>td {
  padding: 5px;
  border: none;
}

.subscriptionChange_table_subscriptionInfo_right_box>.finalPaymentAmount {
  padding: 3px 3px 10px 3px;
  margin: 0px 0px;
}

.subscriptionWarning>table>tbody>tr>td {
  border: none !important;
  /* padding: 10px 0px 5px 0px !important; */
  vertical-align: text-top;
}

.subscriptionWarning>table>tbody>tr>td:nth-child(2) {
  border: none !important;
  color: #FF8228;
  text-align: left;
  font-size: 14px !important;
  font-family: 'Pretendard-Regular';
  line-height: 20px;
  white-space: initial !important;
}

li.set_layer_popup_middle.li_popup_changingPCAmt>table>tbody>tr:nth-child(1)>td:nth-child(2) {

  /* width:705px; */
}

.subscriptionChange_table_subscriptionInfo_right>table {
  padding: 5px 18px;
  border-collapse: separate;
  border-spacing: 0 2px;
  width: 100%;
}

/* td 밑줄현상 */
.subscriptionChange_table_subscriptionInfo_right.currentSubscription>table>tbody>tr>td {
  padding: 5px;
  border: none;
}

.subscriptionChange_table_subscriptionInfo_right.newSubscription>table>tbody>tr>td {
  padding: 5px;
  border: none;
}

.subscriptionChange_table_subscriptionInfo_right.finalPaymentAmount>table>tbody>tr>td {
  padding: 5px;
  border: none;
}

div.subscriptionChange_table_subscriptionInfo_right.subscriptionWarning>table>tbody>tr>td {
  border: none;
  white-space: normal !important;
}

/*  */

div.subscriptionChange_table_subscriptionInfo_right>table>tbody>tr>td {
  font-size: 14px !important;
  line-height: 12px;
}

div.subscriptionChange_table_subscriptionInfo_right>table>tbody>tr:nth-child(n+2)>td:nth-child(1) {
  text-overflow: clip !important;
  overflow: visible;
  /* padding-left: 10px; */
}

div.subscriptionChange_table_subscriptionInfo_right>table>tbody>tr>td:nth-child(2) {
  white-space: nowrap !important;
  text-align: right;
}

div.subscriptionChange_table_subscriptionInfo_right.subscriptionWarning {
  padding: 10px;
}

div.subscriptionChange_table_subscriptionInfo_right.subscriptionWarning>table>tbody>tr>td:nth-child(1) {
  padding: 0px;
  text-align: center;
  vertical-align: super;
}

div.subscriptionChange_table_subscriptionInfo_right.subscriptionWarning>table>tbody>tr>td {
  padding: 2px;
  font-size: 14px;
  text-align: left;
}

div.subscriptionChange_table_subscriptionInfo_right.finalPaymentAmount>table>tbody>tr:nth-child(2)>td:nth-child(1),
div.subscriptionChange_table_subscriptionInfo_right.finalPaymentAmount>table>tbody>tr:nth-child(3)>td:nth-child(1),
div.subscriptionChange_table_subscriptionInfo_right.finalPaymentAmount>table>tbody>tr:nth-child(8)>td:nth-child(1),
div.subscriptionChange_table_subscriptionInfo_right.finalPaymentAmount>table>tbody>tr:nth-child(10)>td:nth-child(1) {
  color: #222;
  font-size: 14px;
  font-weight: 600;
}

div.subscriptionChange_table_subscriptionInfo_right.newSubscription_info>table>tbody>tr:nth-child(2)>td:nth-child(1),
div.subscriptionChange_table_subscriptionInfo_right.newSubscription_info>table>tbody>tr:nth-child(3)>td:nth-child(1),
div.subscriptionChange_table_subscriptionInfo_right.newSubscription_info>table>tbody>tr:nth-child(4)>td:nth-child(1),
div.subscriptionChange_table_subscriptionInfo_right.newSubscription_info>table>tbody>tr:nth-child(5)>td:nth-child(1),
div.subscriptionChange_table_subscriptionInfo_right.newSubscription_info>table>tbody>tr:nth-child(6)>td:nth-child(1) {
  color: #222;
  font-size: 14px;
  font-weight: 600;
}

div.subscriptionChange_table_subscriptionInfo_right.currentSubscription>table>tbody>tr:nth-child(3)>td:nth-child(2),
div.subscriptionChange_table_subscriptionInfo_right.currentSubscription>table>tbody>tr:nth-child(4)>td:nth-child(2),
div.subscriptionChange_table_subscriptionInfo_right.currentSubscription>table>tbody>tr:nth-child(9)>td:nth-child(2),
div.subscriptionChange_table_subscriptionInfo_right.currentSubscription>table>tbody>tr:nth-child(10)>td:nth-child(2),
div.subscriptionChange_table_subscriptionInfo_right.currentSubscription>table>tbody>tr:nth-child(11)>td:nth-child(2) {
  font-weight: 400;
}

div.subscriptionChange_table_subscriptionInfo_right.newSubscription>table>tbody>tr:nth-child(2)>td:nth-child(2),
div.subscriptionChange_table_subscriptionInfo_right.newSubscription>table>tbody>tr:nth-child(3)>td:nth-child(2),
div.subscriptionChange_table_subscriptionInfo_right.newSubscription>table>tbody>tr:nth-child(8)>td:nth-child(2),
div.subscriptionChange_table_subscriptionInfo_right.newSubscription>table>tbody>tr:nth-child(9)>td:nth-child(2),
div.subscriptionChange_table_subscriptionInfo_right.newSubscription>table>tbody>tr:nth-child(10)>td:nth-child(2),
div.subscriptionChange_table_subscriptionInfo_right.newSubscription>table>tbody>tr:nth-child(11)>td:nth-child(2) {
  font-weight: 400;
}

div.subscriptionChange_table_subscriptionInfo_right.finalPaymentAmount>table>tbody>tr:nth-child(2)>td:nth-child(2),
div.subscriptionChange_table_subscriptionInfo_right.finalPaymentAmount>table>tbody>tr:nth-child(3)>td:nth-child(2),
div.subscriptionChange_table_subscriptionInfo_right.finalPaymentAmount>table>tbody>tr:nth-child(8)>td:nth-child(2),
div.subscriptionChange_table_subscriptionInfo_right.finalPaymentAmount>table>tbody>tr:nth-child(10)>td:nth-child(2) {
  font-weight: 400;
}

div.subscriptionChange_table_subscriptionInfo_right.newSubscription_info>table>tbody>tr:nth-child(2)>td:nth-child(2),
div.subscriptionChange_table_subscriptionInfo_right.newSubscription_info>table>tbody>tr:nth-child(3)>td:nth-child(2),
div.subscriptionChange_table_subscriptionInfo_right.newSubscription_info>table>tbody>tr:nth-child(4)>td:nth-child(2),
div.subscriptionChange_table_subscriptionInfo_right.newSubscription_info>table>tbody>tr:nth-child(5)>td:nth-child(2),
div.subscriptionChange_table_subscriptionInfo_right.newSubscription_info>table>tbody>tr:nth-child(6)>td:nth-child(2) {
  font-weight: 400;
}

div.subscriptionChange_table_subscriptionInfo_right.currentSubscription>table>tbody>tr:nth-child(5)>td,
div.subscriptionChange_table_subscriptionInfo_right.currentSubscription>table>tbody>tr:nth-child(6)>td,
div.subscriptionChange_table_subscriptionInfo_right.currentSubscription>table>tbody>tr:nth-child(7)>td,
div.subscriptionChange_table_subscriptionInfo_right.currentSubscription>table>tbody>tr:nth-child(8)>td,
div.subscriptionChange_table_subscriptionInfo_right.newSubscription>table>tbody>tr:nth-child(4)>td,
div.subscriptionChange_table_subscriptionInfo_right.newSubscription>table>tbody>tr:nth-child(5)>td,
div.subscriptionChange_table_subscriptionInfo_right.newSubscription>table>tbody>tr:nth-child(6)>td,
div.subscriptionChange_table_subscriptionInfo_right.newSubscription>table>tbody>tr:nth-child(7)>td,
div.subscriptionChange_table_subscriptionInfo_right.finalPaymentAmount>table>tbody>tr:nth-child(4)>td,
div.subscriptionChange_table_subscriptionInfo_right.finalPaymentAmount>table>tbody>tr:nth-child(5)>td,
div.subscriptionChange_table_subscriptionInfo_right.finalPaymentAmount>table>tbody>tr:nth-child(6)>td,
div.subscriptionChange_table_subscriptionInfo_right.finalPaymentAmount>table>tbody>tr:nth-child(7)>td {
  color: #9A9A9A;
  font-size: 12px;
  font-weight: 400;
}

/* 대시보트 팝업 */
.popup_dashboard_detail_style .frame_close {
  position: absolute;
  margin: 0 !important;
  right: -35px;
  top: 0;

  @media (max-width : 1200px) {
    right: 0;
    top: -35px;
  }
}

.popup_dashboard_detail_style .set_layer_popup_middle {
  margin-top: 5px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border: none;
}

.popup_dashboard_detail_style .set_layer_popup_middle .comp_reg_set {
  max-height: 650px;
  padding: 0px;
}

.subscriptionChange_table_subscriptionType_top_innerBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 17px 24px;
  margin-top: 15px;
  border-radius: 8px;
  background-color: rgba(230, 230, 230, 0.4);

}

.subscriptionChange_table_subscriptionType_top_innerBox>table {
  width: 100%;
  height: 100%;
}

.subscriptionChange_table_subscriptionType_top_innerBox>table>tbody>tr>td:nth-child(3) {
  width: 114px;
}

.subscriptionChange_table_subscriptionType_top_innerBox>table>tbody>tr:nth-child(2)>td:nth-child(1) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

div.OFFICEPriceByPCQuantityANNUAL>.subscriptionChange_table_subscriptionType_top_innerBox>table>tbody>tr:nth-child(1)>td:nth-child(2) {
  color: #1890FF;
  font-size: 10px;
}

div.ALLINONEPriceByPCQuantityANNUAL>.subscriptionChange_table_subscriptionType_top_innerBox>table>tbody>tr:nth-child(1)>td:nth-child(2) {
  color: #1890FF;
  font-size: 10px;
}

div.ALLINONEPLUSPriceByPCQuantityANNUAL>.subscriptionChange_table_subscriptionType_top_innerBox>table>tbody>tr:nth-child(1)>td:nth-child(2) {
  color: #1890FF;
  font-size: 10px;
}

.subscriptionChange_teamNum {
  /* margin-bottom: 6px; */
  font-size: 17px;
  font-family: 'Pretendard-SemiBold';
  color: #737373;
}

.view_pricing_policy {
  display: flex;
  align-items: center;
  color: #2196F3;
  font-size: 15px;
  font-weight: 500;
}

.subscriptionChange_annualSubscriptionFee {
  padding-right: 9px;
  color: #9A9A9A;
  font-size: 16px;
  font-family: 'Pretendard-Light';
}

.subscriptionChange_monthlySubscriptionFee {
  padding-right: 9px;
  color: #9A9A9A;
  font-size: 16px;
  font-family: 'Pretendard-Light';
}

.subscriptionChange_monthlySubscriptionFee .bold {
  font-size: 19px;
  font-family: 'Pretendard-Bold';
  /* margin-left: 10px; */
  color: #9A9A9A;
  vertical-align: 4px;
}

.priceByPCQuantity {
  /* position: absolute; */
  padding: 1px 10px 1px 10px;
  /* max-width: 400px; */
  height: auto;
  background: #FFFFFF;
}

.popup_dashboard_export_style .checkbox_export_all span {
  font-size: 13px;
  font-weight: 400;
}

.popup_dashboard_export_style input[type=checkbox] {
  margin-right: 4px;
}

.popup_dashboard_export_style .export_radio_type {
  padding: 6px 10px;

}

.popup_dashboard_export_style .input_emails input[type="text"]:focus {
  border: none !important;
}

/* creditCard */
.area_content_creditCard {
  display: inline-block;
  border: 1px solid #ddd;
  background: #FFFFFF;
  border-radius: 10px;
  margin: 5px;
  width: 90%;
  height: 143px;
  width: -webkit-fill-available;
}

table.add_creditCard {
  text-align: center;
  width: 340px;
  height: 143px;
  cursor: pointer;
}

table.added_creditCard {
  text-align: left;
  font-size: 15px;
  width: -webkit-fill-available;
  height: -webkit-fill-available;

}

table.added_creditCard>tbody>tr>td {
  font-size: 13px;
}

.application_tooltip_con {
  font-size: 14px;
  color: #777;
  font-weight: normal;
}

/* 결제 관련 팝업 */
.sub_status_wrap {
  background: #F7F7F7;
}

.payment-popup-style {
  max-width: 756px;
  overflow: auto;
}


.payment-popup-style.set_layer_popup>ul.content_wrapper>li.set_layer_popup_top {
  border-radius: 0;
  background: #fff;
  border-width: 1px 1px 0 1px;
  border-color: #ddd;
  border-style: solid;
  height: auto;
  min-height: 50px;
  color: #000000;
  padding: 26px 18px 0px 26px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border: none;
  display: flex;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
}

.payment-popup-style.set_layer_popup>ul.content_wrapper>li.set_layer_popup_top h5 {
  font-weight: 700;
  font-size: 15px;
  top: 0;
  line-height: 1;
}

.span_black_color {
  background: #222;
  padding: 6px 32px !important;
  font-size: 15px;
  text-align: center;
}

.span_circle_box {
  border-radius: 25px;
}

.span_font {
  padding: 1px 6px;
  line-height: 20px;
  color: #FFFFFF;
  text-align: center;
  display: inline-block;
}

.payment-popup-style .span_font_gray {
  color: #AAA !important;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -1px;
}

.span_gray_color {
  background: #E6E6E6 !important;
  padding: 6px 32px;
  color: #222 !important;
  font-size: 15px !important;
  text-align: center;
}

div.subscriptionChange_table_subscriptionInfo_right.currentSubscription>table>tbody>tr:nth-child(3)>td:nth-child(2),
div.subscriptionChange_table_subscriptionInfo_right.currentSubscription>table>tbody>tr:nth-child(4)>td:nth-child(2),
div.subscriptionChange_table_subscriptionInfo_right.currentSubscription>table>tbody>tr:nth-child(9)>td:nth-child(2),
div.subscriptionChange_table_subscriptionInfo_right.currentSubscription>table>tbody>tr:nth-child(10)>td:nth-child(2),
div.subscriptionChange_table_subscriptionInfo_right.currentSubscription>table>tbody>tr:nth-child(11)>td:nth-child(2) {
  font-weight: 400;
}

div.subscriptionChange_table_subscriptionInfo_right.currentSubscription>table>tbody>tr:nth-child(3)>td:nth-child(1),
div.subscriptionChange_table_subscriptionInfo_right.currentSubscription>table>tbody>tr:nth-child(4)>td:nth-child(1),
div.subscriptionChange_table_subscriptionInfo_right.currentSubscription>table>tbody>tr:nth-child(9)>td:nth-child(1),
div.subscriptionChange_table_subscriptionInfo_right.currentSubscription>table>tbody>tr:nth-child(10)>td:nth-child(1),
div.subscriptionChange_table_subscriptionInfo_right.currentSubscription>table>tbody>tr:nth-child(11)>td:nth-child(1) {
  color: #222;
  font-size: 14px;
  font-weight: 600;
}

.privacy-link {
  text-decoration: underline !important;
}

/* div.subscriptionChange_updownBtn {
  border-radius: 100px;
  width: 25px;
  height: 25px;
  cursor: pointer;
  -ms-user-select: none;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

div.subscriptionChange_updownBtn:hover {
  background: rgba(196, 196, 196, 0.5);
}

div.subscriptionChange_updownBtn:active {
  background: rgba(196, 196, 196, 0.9);
}

div.subscriptionChange_updownBtn:disabled {
  background: rgba(196, 196, 196, 0.4);
} */

.theme-gray.theme-gray--light-border .set_layer_popup>ul.content_wrapper>li.set_layer_popup_top h5 {
  font-weight: 700;
  /* font-size: 15px; */
}
.popup_dashboard_detail_style .popup_dashboard_title {
  font-size: 15px;
}
/* 대시보드 - 소식 보드 */
div[name='popup_dashboard_detail'] div.news-category-detail {
  font-size: 12px;
  border-radius: 5px;
  padding: 3px 5px;
  display: inline-block;
  margin-right: 10px;
  margin-left: 10px;
}

div[name='popup_dashboard_detail'] a.news-title-detail:hover {
  text-decoration-line: underline;
  text-underline-offset: 2px;
}

div[name='popup_dashboard_detail'] div.news-category-detail[type="1"] {
  color: #4BBF73;
  background: rgba(75, 191, 115, 0.18);
}

div[name='popup_dashboard_detail'] div.news-category-detail[type="2"] {
  color: #2196F3;
  background: rgba(33, 150, 243, 0.10);
}

div[name='popup_dashboard_detail'] div.news-category-detail[type="3"] {
  color: #222222;
  background: rgba(34, 34, 34, 0.10);
}

/* 대시보드 - 소식 보드 */
/* 팝업 테이블 */
.popup_dashboard_detail_style table.pchealthcheck>tbody>tr>td {
  height: 39px !important;
}

.popup_dashboard_detail_style table td:not(.none_data, .table_loading),
.popup_dashboard_detail_style table th {
  text-align: left !important;
}

.popup_dashboard_detail_style .table_content th table tr {
  border-top: none;
  border-bottom: none;
}

.popup_dashboard_detail_style table>thead>th:nth-child(1) {
  padding: 7px 10px 7px 20px !important;
}

.popup_dashboard_detail_style.popup_box .outer_table {
  min-width: 850px !important;
}

.popup_dashboard_detail_style.popup_box .pchealthcheck>tbody>tr>td:nth-child(n+2):nth-child(-n+6) {
  text-align: center;
}

.popup_dashboard_detail_style.popup_box .pchealthcheck>thead>tr td:nth-child(n+1):nth-child(-n+5) {
  padding-left: 0;
  padding-right: 0;
}

.popup_dashboard_detail_style .serachInput input:focus+.arrow {
  /* border: 1px solid #222; */
}

.popup_dashboard_detail_style .view_data .dashboard.pages {
  font-size: 13px !important;
}

.popup_dashboard_detail_style .view_data .pageInfo {
  width: auto !important;
  max-width: none !important;
  max-height: none !important;
  /* position: relative; */
}

.popup_dashboard_detail_style .view_data .headline {
  font-weight: 400 !important;
}

.popup_dashboard_detail_style .view_data .searchBar {
/*   position: absolute !important;
  top: -45px !important;
  left: 120px; */
}

.popup_dashboard_detail_style .view_data .searchBar .serachInput button {
  height: 24px !important;
  border-radius: 0 5px 5px 0 !important;
}

.dashboard_content_news thead tr th:nth-child(1) {
  padding: 7px 20px !important;
}

.dashboard_content_news tbody tr td {
  padding: 0 5px !important;
}

/* .popup_dashboard_detail_style .item_table .pchealthcheck>thead>tr:nth-child(1)>th:nth-child(3) {
  padding: 7px 0 10px;
}

.popup_dashboard_detail_style .item_table .pchealthcheck>thead .outer_table_head .badge:last-child {
  margin-right: 10px;
}

.popup_dashboard_detail_style .item_table .pchealthcheck>tbody>tr>td:nth-child(n+3):nth-child(-n+7) {
  padding-left: 0;
  padding-right: 14px;
  text-align: center !important;
} */

/* 예외 적용 시간 설정 라이브러리 수정 */
.ui-timepicker-standard {
  border: none !important;
  padding: 0 !important;
  border-radius: 4px;
  box-shadow: 0 0 10px 4px rgba(120, 120, 120, 0.06);
}

.ui-menu-item {
  padding: 0 !important;
}

.ui-timepicker {
  /* padding: 4px !important; */
}

.ui-widget-content {
  border: none !important;
}

.ui-widget-content a {
  padding: 2px 2px 2px 10px;
  color: #808080 !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #f4f4f4 !important;
  background: #F4F4F4 !important;
  font-weight: normal;
  color: #222 !important;
}

.popup_members .list_select {
  margin-right: 0 !important;

}

.popup_members .list_select a {
  width: 310px;
}

.popup_department .list_select a {
  width: 310px;
}

.popup_box .s_main_table {
  border-radius: 8px;
  border: 1px solid #ddd;
}

.popup_box .s_main_table table {
  width: 100%;
}
.popup_box .s_main_text:has(+ .s_main_table tr) {
  text-align: center;
  margin-bottom: 10px;
  color: #555 !important;
}

.popup_box .s_main_text .font_bold.color_blue01 {
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  text-align: left;
  color: #222 !important;
}

/* 삭제 X  */
.popup_box .s_main_text .font_bold.color_blue01::before {
  /* content: '\f111';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  font-size: 3px;
  vertical-align: 4px;
  margin-right: 5px; */
}

.popup_box .s_main_table table tbody tr {
  border-top: 1px solid #eee;
}

.default_payment_card {
  color: white;
  background: #1890FF;
  border-radius: 5px;
  /* height: 27px; */
  box-sizing: border-box;
  margin: 0px 4px;
  font-size: 14px;
  padding: 4px 10px;
  width: auto;
  display: inline-block;
}

.popup_box:has(.explain_box) {
  max-width: 800px !important;
}

.popup_box:has(.explain_box) input[type="text"] {
  width: 610px !important;
}

.popup_box:has(.explain_box) .jfilestyle {
  margin-top: 10px;
  margin-bottom: 15px;
}

.popup_box[name="add_categoryeach"] .add_btns_2 {
  margin-left: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}

.popup_box .button_wrap .pagination {
  margin-top: 0 !important;
}

.app_control_table>tbody>tr>td {
  text-align: left !important;
}

.app_control_table>tbody>tr>td.none_data {
  text-align: center !important;
}

.popup_box .table_content th .menu_list {
  position: static;
}

.popup_box .table_content th .menu_list ul {
  top: auto !important;
  left: auto !important;
  transform: none !important;
}

.popup_box .list_select>ul {
  min-width: 0;
}

.popup_box .list_select>ul.select_falllist02 {
  min-width: 310px;
}

/* 필터설정 */
.popup_box.filter {
  overflow: visible;
}

/* 하나만 존재할 시 가운데 정렬 */
.popup_box.filter .item_list .item1 {
  justify-content: center;
}

.popup_box.filter .item_list .item1:has(+ li) {
  justify-content: flex-start;
}
.popup_box.filter .item_list li {
  margin-bottom: 10px;
}


.popup_box[name="popup_cf_detail_filter"] {
  max-width: 730px;
}

/* 영문 */
.lang-en .popup_box[name="exceptiontime"] .item_box .item_title.width_80px {
  width: 140px;
}
.lang-en .popup_box[name="popup_company"] .item_box .item_title.width_100px {
  width: 170px !important;
}
.lang-en .popup_box[name="popup_company"] .item_box .item_box_content_flex_width_120 {
  width: calc(100% - 170px) !important;
}

/* 일문 */
.lang-ja .popup_box[name="exceptiontime"] .item_box .item_title.width_80px {
  width: 140px;
}
.lang-ja .popup_box[name="popup_company"] .item_box .item_title.width_100px {
  width: 170px !important;
}
.multi_row_cont .item_title .font_bold.color_blue01 {
  color: #EF5350;
}
.popup_box[name="add_exception_path"] .popup_contents_box {
  overflow: auto;
}
.popup_box[name="add_exception_path"] .comp_reg_set {
  overflow: auto;
  max-height: 600px;
}
.popup_box[name="add_exception_path"] .item_box .item_title {
  width: 110px;
}

/* timepicker */
.ui-timepicker-container { 
  position: absolute;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  height: 200px !important;
  margin-top: 5px;
}
.ui-timepicker-container::-webkit-scrollbar {
  width: 5px;
}

.ui-timepicker-container::-webkit-scrollbar-thumb {
  background: #c5c5c5;
  border-radius: 6px;
}

.ui-timepicker-container::-webkit-scrollbar-thumb:hover {
  background: #a0a0a0; 
}

.ui-timepicker-container::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

.ui-timepicker-container::-webkit-scrollbar-track:hover {
  background: #d3d3d3;
}

.ui-timepicker-container .ui-menu-item {
  font-size: 11pt;
  border-radius: 4px;
}

.ui-timepicker-container a.ui-corner-all {
  display: inline-block;
  width: 100%;
}
.ui-timepicker-container a.ui-corner-all:hover {
  background-color: #F4F4F4
}
.content_addLicense h3 {
  font-size: 17px;
}
.popup_dashboard_detail_style .table_detail td:has(.tooltip_type04_trigger) {
  position: relative;
}
.popup_dashboard_detail_style .table_detail td:has(.tooltip_type04_trigger) .tooltip_type04 {
  margin-left: 0 !important;
  margin-top: 0 !important;
}
.popup_box[name="alert1"] .white_btn.btn_small.btncolor_white {
  display: inline-block;
  margin-top: 20px;
}

/* 기본 팝업 테이블 컬럼에 따른 팝업 크기 */
.alert_popup.alert_w720 {
  max-width: 720px !important;
}
.alert_popup.alert_w346 {
  max-width: 346px !important;
}
.alert_popup.alert_w444 {
  max-width: 444px !important;
}

.popup_box[name="popup_members"] {
  overflow-x: auto;

}
.popup_box[name="popup_members"] .popup_contents_box {
  min-width: 430px;
}
.unsupported_agent_url {
  color: #9A9A9A;
  font-size: 14px;
  margin-left: 10px;
}
.unsupported_agent_url img {
  vertical-align: -1px !important;
}
.unsupported_agent_url:hover {
  text-decoration: underline;
}
/* .popup_box[name='popup_members'] .add_btns_2 button {
  width: 24px !important;
  height: 24px !important;
}
.popup_box[name='popup_members'] .add_btns_2 button svg {
  font-size: 13px;
} */
.popup_box[name='popup_members'] .popup_members-btn_area {
  width: 310px;
}
.popup_box[name='popup_members'] .item_box_310 {
  width: 310px;
}
.popup_box[name='popup_members'] .item_box:not(:last-child),
.popup_box[name='popup_members'] .add_items:not(:last-child) {
  margin-bottom: 16px;
}
.popup_box[name='popup_members'] .send_mails-li {
  border-top: 1px solid #eee;
  padding-top: 10px;
  margin-top: 15px;
  justify-content: center; 
  margin-bottom: 20px;
}
.popup_box[name='popup_members'] .alert_bot_btn {
  padding: 18px 20px 0 !important;
}
.popup_box[name='popup_members'] .email-input.emailValidN {
  width: 310px;
  margin-left: 120px;
  margin-top: -4px;
}

.popup_box[name='popup_members'] .email-input.emailValidY {
  width: 310px;
  margin-top: -4px;
}

.popup_box[name='popup_member'] .email-input.emailValidN {
  width: 310px;
  margin-left: 120px;
  margin-top: -4px;
}

.popup_box[name='popup_member'] .email-input.emailValidY {
  width: 310px;
  margin-top: -4px;
}

.popup_box[name='popup_members'] .add_btns_2 {
  margin-left: auto;
  padding-right: 10px;
}
/* .popup_box[name='popup_members'] .email-input:has( + .add_btns_2 .plus[style*="none"]) {
  width: 268px;
} */

.popup_box[name='popup_members'] .list_select>ul.select_falllist02 {
  width: 310px;
}

.popup_box[name='popup_members'] .item_list .item_box:not(:first-child) {
  padding-top: 20px;
  border-top: 1px solid #eee;
}
.popup_box[name='popup_members'] .item_box {
  row-gap: 12px;
}
.popup_box[name='popup_members'] .tooltip_type04_trigger:hover + .tooltip_type04 {
  display: block !important;
}

.popup_box[name='credit_card_change_success'] table,
.popup_box[name='credit_card_delete'] table {
  width: 100%;
}
.popup_box[name='credit_card_change_success'] .li_popup_changingPCAmt,
.popup_box[name='credit_card_delete'] .li_popup_changingPCAmt {
  padding: 0 !important;
}
.popup_box[name='credit_card_change_success'] table td,
.popup_box[name='credit_card_delete'] table td {
  text-align: center;
}

/* 탈퇴하기 */
.popup_secession .fa-circle {
  font-size: 6px;
  margin-left: 19px;
  vertical-align: 2px;
}
.popup_secession .circle-area {
  /* padding: 3px; */
  padding: 8px 0;
}
[name="popup_policy_department"] .comp_reg_set {
  max-height: 500px;
}

/* Api 키 발급 팝업 */

.popup_box .copy_value_area {
  position: relative;
  background-color: #F7F7F7;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 4px 3px 4px 13px;
  box-sizing: border-box;
  justify-content: space-between;
  color: #aaa;
  @media (max-width : 450px) {
    width: 100% !important;
    min-width: 300px !important;
  }
}
.popup_box .copy_value_area .copy_btn {
  padding: 0 10px;
}
.popup_box .copy_value_area .copy_btn:hover {
  filter: brightness(0);
}
.popup_box .copy_value_area .copy_btn svg {
  height: 14px;
  vertical-align: -1px;
}

.popup_box[name="popup_api_issued"] .popup_contents_title {
  margin-bottom: 6px;
}
.popup_box[name="popup_api_issued"] .popup_sub_text {
  color: #7C7C7C;
  margin-bottom: 30px;
  font-family: 'Pretendard-Regular';
  text-align: center;
  font-size: 15px;
  line-height: 1.4;
}
.copy_ok_box {
  display: none;
  position: absolute;
  right: -12px;
  top: -26px;
  padding: 4px 8px;
  font-size: 13px;
  color: #fff;
  background-color: #222222cb;
  border-radius: 6px;
}
.copy_ok_box_detail {
  display: none;
  position: absolute;
  padding: 4px 8px;
  margin-left: 15px;
  margin-top: 4px;
  font-size: 13px;
  color: #fff;
  background-color: #222222cb;
  border-radius: 6px;
}
.copy_ok_box.right_0 {
  right: 0;
}
.copy_ok_box.show {
  display: block ; 
}
.popup_box .copy_value_area .key_value {
  display: inline-block;
  width: calc(100% - 33px);
  overflow: auto;
}
.loading-input-area {
  /* display: none; */
  position: absolute;
  background-color: #F7F7F7;
  width: 200px;
  border: 1px solid #dddddd;
  border-radius: 5px;
  height: 28px;
  color: #9B9B9B;
  font-size: 13px;
}
.loading-input-area img[src*="animation_loading_v2.gif"] {
  width: 25px !important;
  height: 25px !important;
}
.loading-input-area span {
  vertical-align: -1px;
}

/* Api 키 발급 팝업 */

.popup_box .copy_value_area {
  position: relative;
  background-color: #F7F7F7;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 4px 3px 4px 13px;
  box-sizing: border-box;
  justify-content: space-between;
  color: #aaa;
  @media (max-width : 450px) {
    width: 100% !important;
    min-width: 300px !important;
  }
}
.popup_box .copy_value_area .copy_btn {
  padding: 0 10px;
}
.popup_box .copy_value_area .copy_btn:hover {
  filter: brightness(0);
}
.popup_box .copy_value_area .copy_btn svg {
  height: 14px;
  vertical-align: -1px;
}

.popup_box[name="popup_api_issued"] .popup_contents_title {
  margin-bottom: 6px;
}
.popup_box[name="popup_api_issued"] .popup_sub_text {
  color: #7C7C7C;
  margin-bottom: 30px;
  font-family: 'Pretendard-Regular';
  text-align: center;
  font-size: 15px;
  line-height: 1.4;
}
.popup_box .copy_value_area .copy_ok_box {
  display: none;
  position: absolute;
  right: -10px;
  top: -19px;
  padding: 2px 8px;
  font-size: 13px;
  color: #fff;
  background-color: #222222cb;
  border-radius: 6px;
}
.popup_box .copy_value_area .copy_ok_box.show {
  display: block ; 
}
.popup_box[name="popup_excluding_devices"] .copy_value_area .copy_ok_box {
  right: auto; 
  top: auto;
  transform: translate(320px, -1px);
}
.popup_box .copy_value_area .key_value {
  display: inline-block;
  width: calc(100% - 33px);
  overflow: auto;
}

/* 승인자 추가 / 관리자 추가 개선 */
.select_approvers,
.select_admins {
  position: relative;
}
.loading_icon_input[src*="animation_loading_v2.gif"] {
  position: absolute;
  width: 23px !important;
  height: 23px !important;
  top: 19px;
  left: 4px;
  display: block;
}
.loading_icon_input.hide {
  display: none;
}

[name="popup_apply_poc"] .list-icon {
  display: inline-block;
  width: 20px;
  text-align: center;
}
.popup_apply_poc_style[name="popup_apply_poc"] .content_wrapper .content .content_list .list-1 img {
  height: auto;
  margin-top: -4px;
}
.popup_apply_poc_style[name="popup_apply_poc"] .content_wrapper .content .content-text .exclam_red {
  margin-right: 5px;
}
.popup_apply_poc_style[name="popup_apply_poc"] .content_wrapper .content .content-text .color_orange01 {
  font-size: 16px;
  vertical-align: -2px;
  
}
.popup_apply_poc_style[name="popup_apply_poc"] .content_wrapper .content .content-text-title {
  margin-top: 10px;
  margin-bottom: 10px;
}
.popup_apply_poc_style .content_wrapper .content .content-text {
  margin-top: 5px;
}
.popup_apply_poc_style .content_wrapper .content .content-text .circle {
  background-color: #222;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  vertical-align: 2px;
}

/* 사용자 계정 초기 인증 코드 설정 팝업 */
.config_popup[name="popup_id_common_certification_code"] {
  overflow-x: auto;
}
.config_popup[name="popup_id_common_certification_code"] .content_wrapper {
  min-width: 400px;
}
.config_popup[name="popup_id_common_certification_code"] .text-box {
  /* margin-bottom: 14px; */
}
.config_popup[name="popup_id_common_certification_code"] .text-box .text {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 10px;
}
.config_popup[name="popup_id_common_certification_code"] .text-box .sub_text {
  color: #7C7C7C;
}
.config_popup[name="popup_id_common_certification_code"] .text-box .sub_text-1 {
  margin-bottom: 10px;
}
.config_popup[name="popup_id_common_certification_code"] .text-box .sub_text span {
  /* text-decoration: underline; */
  color: #222;
}
.config_popup[name="popup_id_common_certification_code"] .text-box .sub_text-last {
  font-size: 13px;
  color: #aaa;
}
.config_popup[name="popup_id_common_certification_code"] .sub_text-last {
  font-size: 13px;
  color: #aaa;
}

.config_popup[name="popup_id_common_certification_code"] .item_list .item_title {
  display: inline-block;
  margin-bottom: 4px;
}
.config_popup[name="popup_id_common_certification_code"] .item_list .item-2 {
  margin-top: 12px;
}
.input_disabled_style {
  position: relative;
  display: flex;
  align-items: center;
  background-color: #F7F7F7;
  color: #aaa;
  border-radius: 5px !important;
  min-height: 32px;
  border: 1px solid #ddd;
  /* overflow: hidden; */
  box-sizing: border-box;
  padding: 3px 10px;
}
.item_row:has(.input_disabled_style.sdk_text_area),
.item_row:has(.loading_popup_set_area) {
  align-items: flex-start;
  flex-wrap: nowrap;
  @media (max-width: 1800px) {
    flex-wrap: wrap;
}
}

.input_disabled_style.sdk_text_area {
  align-items: flex-start;
  /* width: calc(100% - 115px); */
  width: 100%;
}
.container .item_row .link_copy_box:has(.input_disabled_style.sdk_text_area) {
  overflow: auto;
}
.container .item_row .link_copy_box .sdk_code_box .copy_btn {
  display: none;
} 
.item_row:has(.input_disabled_style.sdk_text_area) {
  overflow: hidden;
}
.input_disabled_style.sdk_text_area .link {
  width: 100%;
}
.input_disabled_style.sdk_text_area .copy_ok_box {
  right: 38px;
  top: 4px;
}
.input_disabled_style .link {
  /* white-space: nowrap; */
  display: inline-block;
    width: calc(100% - 30px);
    overflow: hidden;
}
.input_disabled_style .copy_btn {
  position: absolute;
  border: 0.5px solid #F7F7F7;
  right: 10px;
  padding: 0px 5px;
}
.input_disabled_style .copy_btn:active {
  border-radius: 3px;
  border: 0.5px solid #AAA;
  background: #FFF;
}

.detail .copy_btn {
  border: 0.5px solid #E7EAED;
  margin-left: 10px;
  padding: 1px 5px
}
.detail .copy_btn:active {
  border-radius: 3px;
  border: 0.5px solid #AAA;
  background: #FFF;
}

/* 팝업 : 기업 아이디 점검 옵션 */ 
.config_popup[name="popup_id_company_option"] .alert_mid_con {
  padding: 0px 25px;
}

.config_popup[name="popup_id_company_option"] .export_content {}

.config_popup[name="popup_id_company_option"] .export_item:not(:first-child) {
  margin-top: 20px;
}

.config_popup[name="popup_id_company_option"] .export_item[index="2"] {
  /* display: none; */
}

.config_popup[name="popup_id_company_option"] .export_title {
  text-align: left;
  color: #222;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 10px;
}


.config_popup[name="popup_id_company_option"] #export_company_input {
  border: none;
  /* width: 40%; */
  height: auto;
  padding: 7px 6px;
  color: #222;
  font-size: 13px;
  font-weight: 500;
  border-radius: 5px;
  background: #F8F8F8;
}

.config_popup[name="popup_id_company_option"] #export_company_input::placeholder {
  padding: 0px 4px;
  color: #AAA;
  font-size: 13px;
  font-weight: 500;
}

.config_popup[name="popup_id_company_option"] .export_select_board_3 .add_ids {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  width: 100%;
  padding: 12px;
  background: #F8F8F8;
  border-radius: 5px;
  /* max-height: 500px;
    overflow: auto; */
}

.config_popup[name="popup_id_company_option"] .export_select_board_3 .add_ids .input_ids {
  /* display: flex; */
  margin: 2px;
}

.config_popup[name="popup_id_company_option"] .btn_add_id {
  display: none;
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 5px 20px 0px rgba(35, 35, 35, 0.10);
  /* position: absolute; */
  /* width: 91.5%; */
  padding: 15px;
  margin-top: 10px;
  /* display: flex; */
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  cursor: pointer;
}

.config_popup[name="popup_id_company_option"] .add_id {
  word-break: break-all;
  border-radius: 5px;
  background: #EDEDED;
  border: 1px solid #EDEDED;
  padding: 2px 8px;
  margin: 4px;
}
.config_popup .add_id.none_company { /* 엑소스피어에 등록되지 않은 기업아이디 */
  border: 1px dashed #AAA;
  color: #AAA;
  position: relative;
}
.config_popup .add_id.none_company:hover .tooltip_type04 {
  display: block !important;
  width: 178px;
}
.config_popup[name="popup_id_company_option"] .add_id img[src*="close_2.svg"] {
  padding: 5px;
  cursor: pointer !important;
  filter: brightness(70%);
}

.config_popup[name="popup_id_company_option"] .btn_add_id .explain_text {
  /* width: 16%; */
  color: #222;
  font-size: 13px;
  font-weight: 500;
  margin-right: 20px;
}

.config_popup[name="popup_id_company_option"] .btn_add_id .current_id {
  /* width: 84%; */
  word-break: break-all;
  color: #AAA;
  font-size: 13px;
  font-weight: 500;
}

.config_popup[name="popup_id_company_option"] .export_select_board_1 {
  padding: 15px 4px 15px 12px;
  display: flex;
  border-radius: 5px;
  background: #FBFBFB;
  flex-wrap: wrap;
  min-height: 84px;
  align-content: space-between;
}

.config_popup[name="popup_id_company_option"] .export_select_board_2 {
  text-align: left;
}

.config_popup[name="popup_id_company_option"] .export_select_board_3 {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  padding: 0 !important;
  border-radius: 5px;
  /* border: 1px solid #D2D2D2; */
  /* box-shadow: 0px 5px 20px 0px rgba(35, 35, 35, 0.10); */
  min-height: 30px !important;
  text-align: left;
  border: 1px solid #DDD;
}
.config_popup[name="popup_id_company_option"] .export_select_board_3:has(input[name="company_id"]:focus) {
  border-radius: 5px;
  border: 1px solid #2196F3;
}

.config_popup[name="popup_id_company_option"] .export_checkbox {
  display: flex;
  align-items: center;
  width: 50%;
  height: 28px;
  text-align: left;
  color: #222;
  font-size: 13px;
  font-weight: 500;
  gap: 4px;
}

.config_popup[name="popup_id_company_option"] .export_checkbox.under {
  /* width: 37.5%; */
  text-align: left;
}

.popup_box[name="popup_id_common_certification_code"] .code_wrap .code_area {
  display: flex;
  gap: 10px;
}
.popup_box[name="popup_id_common_certification_code"] .code_wrap .code_area.hide {
  display: none;
}
.popup_box[name="popup_id_common_certification_code"] .code_wrap .code_area .code_area_input {
  width: 100%;
  max-width: 362px;
}
.popup_box[name="popup_id_common_certification_code"] .code_wrap .code_area .btn_white_2 {
  width: 68px;
}
.popup_box[name="popup_id_common_certification_code"] .code_wrap .change-box {
  position: relative;
}
.popup_box[name="popup_id_common_certification_code"] .code_wrap .change-box .input-change-pw {
  padding: 3px 30px 3px 5px;;
}
.popup_box[name="popup_id_common_certification_code"] .code_wrap .change-box .random_pw {
  position: absolute;
  height: 32px;
  width: 32px;
  right: 3px;
  color: #777;
  transition: .5s;
  &:hover {
    color: #222;
  }
}
.popup_box[name="popup_id_common_certification_code"] .code_wrap .change-box .random_pw svg {
  width: 12px;
  height: 12px;
  transform: scaleX(-1);
}
.popup_box[name="popup_id_common_certification_code"] .code_area_wrap .guide-text,
.code_area_wrap .guide-text {
  margin-top: 2px;
  color: #EF5350;  
  font-size: 13px;
}
.popup_box[name="popup_id_invite_users"] .info-text-wrap,
.popup_box[name="popup_request_set_user_pw"] .info-text-wrap {
  color: #6D6D6D;
  margin-bottom: 15px;
}
.popup_box[name="popup_request_set_user_pw"] .list_select,
.popup_box[name="popup_id_invite_users"] .list_select {
  margin-top: 0;
}
.popup_box[name="popup_request_set_user_pw"] .link-area,
.popup_box[name="popup_id_invite_users"] .link-area {
  width: 100%;
  max-width: 392px;
}
.popup_box[name="popup_request_set_user_pw"] .send-box ,
.popup_box[name="popup_id_invite_users"] .send-box {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.popup_box[name="popup_request_set_user_pw"] .email_input,
.popup_box[name="popup_id_invite_users"] .email_input {
  max-width: 392px;
}
.popup_box[name="popup_request_set_user_pw"] .item_list ,
.popup_box[name="popup_id_invite_users"] .item_list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.popup_box[name="popup_id_invite_users"] .item_title {
  display: inline-block;
  margin-bottom: 4px;
  font-size: 15px;
}
.popup_box[name="popup_id_invite_users"] .send-box .btn_white_2 {
  padding: 4px 10px;
}

.popup_box[name="popup_id_cloud_app_integration"] .content_wrapper {
  overflow-x: auto;
}
.popup_box[name="popup_id_cloud_app_integration"] .scroll-box {
  overflow-x: auto;
  min-width: 440px;
}
.popup_box[name="popup_id_cloud_app_integration"] .radio_wrap {
  display: flex;
  align-items: center;
  gap: 20px;
}
.popup_box[name="popup_id_cloud_app_integration"] .table_title_style {
  display: flex;
}
.popup_box[name="popup_id_cloud_app_integration"] .col_1_w {
  display: inline-flex;
  width: 80%;
  align-items: center;
  gap: 8px;
}
.popup_box[name="popup_id_cloud_app_integration"] .col_2_w {
  display: inline-block;
  width: calc(20% - 4px);
}
.popup_box[name="popup_id_cloud_app_integration"] .logo-box {
  width: 25px;
  height: 25px;
  flex-shrink: 0;
  /* border-radius: 50%; */
  /* border: 1px solid #E5E5E5; */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  overflow: hidden;
  img {
    width: 100%;
  }
}
.popup_box[name="popup_id_cloud_app_integration"] .y-scroll-box {
  max-height: 445px;
  overflow-y: auto;
}
.popup_box[name="popup_id_cloud_app_integration"] .app-list {
  display: flex;
  align-items: center;
}
.popup_box[name="popup_id_cloud_app_integration"] input[type="checkbox"]+label {
  position: relative;
}
.popup_box[name="popup_id_cloud_app_integration"] .popup-control-label::before {
  top: 0;
}
.popup_box[name="popup_id_cloud_app_integration"] .filter-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
/* 사용자 등록 > 메뉴 리스트 아이디 보안 */
.common_menu_list:has(.cloud_app_integration) {
  transform: translateX(-80px);
}
.common_menu_list .id_security {
  padding-top: 8px;
  margin-top: 6px;
  color: #c4c4c4;
  text-align: center;
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border-top: 1px solid #EDEDED;
}
.common_menu_list .common_menu_list ul li.id_security {
  margin-bottom: 0;
}
[name="popup_id_operating_option"] .outer_table_head_style,
[name="popup_id_browser_option"] .outer_table_head_style {
  display: flex;
  justify-content: space-between;
}
[name="popup_id_operating_option"] .app-list,
[name="popup_id_browser_option"] .app-list {
  display: flex;
  justify-content: space-between;
}
.w_100 {
  width: 100px;
}
[name="popup_id_invite_users"] .copy_ok_box {
  top: 4px;
}
.popup_small_text_gray {
  color: #aaa;
  font-size: 13px;
}
.popup_small_text_gray_2 {
  margin-top: 6px;
  margin-bottom: 16px;
  color: #555;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 21px */
}
.popup_small_text_gray_2 span.popup_small_text_black {
  color: #222 !important;
}

.popup_box:has(.exception_device_popup_content) {
    max-width: 468px !important;
  }
  .popup_box:has(.exception_device_popup_content) .popup_small_text_gray_2 {
    margin-bottom: 13px;
  }
  .exception_device_scroll {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    max-height: 200px;
    overflow-y: auto;
    margin: 20px 0 10px;
  }
  
/* 정책 일괄 적용 스타일 */
.visibility-hidden {
  visibility: hidden;
}

.popup-toast {
  max-width: 1150px;
  position: fixed;
  bottom: -100px;
  /* width: 100%; */
  right: -100%;
  border-radius: 10px;
  background: #DEECDD;
  box-shadow: 0px 0px 13px 5px rgba(197, 197, 197, 0.32);
  z-index: 131;
  padding: 14px 32px;
  border: 1px solid #DDD;
  /* opacity: 0; */
  /* transition: opacity 0.3s ease; */
  
  
  @media (max-width: 992px) and (min-width: 651px) {
    bottom: 100px;
    width: calc(100% - 96px) !important;
    left: 48px !important;
  }

  @media (max-width: 650px) and (min-width: 501px) {
      padding: 14px 20px;
  }

  @media (max-width: 500px) {
      width: calc(100% - 34px) !important;
      left: 18px !important;
      padding: 14px 14px;
  }
}

@keyframes toastLoadHide {
  0% {
      display: none;
  }
  100% {
      display: block;
  }
}

.popup-toast .toast-changes {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
}

.popup-toast .toast-policy_changes_list {
  margin: 18px 0px 12px 0px;
}

.popup-toast .toast-policy_changes_list ul.policy_changes_list-table {
  border-radius: 10px;
  border: 1px solid #DDD;
  background: #FFF;
}

.popup-toast .toast-policy_changes_list li {
  color: #555;
  font-size: 14px;
  font-weight: 400;
}

.popup-toast .toast-policy_changes_list li.policy_changes_list-title {
  padding: 5px 15px;
  border-bottom: 1px solid #DDD;
}

.popup-toast .toast-policy_changes_list li.policy_changes_list-title img {
  vertical-align: middle;
  margin-bottom: 2px;
}

.popup-toast .toast-policy_changes_list li.policy_changes_list-content {
  padding: 12px 15px 12px 15px;
  overflow-y: auto;
  max-height: 200px;
}

.popup-toast .toast-policy_changes_list li.policy_changes_list-content li {
  padding: 3px 0px;
}

.popup-toast .toast-timer {
  margin-left: 30px;
}

.popup-toast .toast-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.popup-toast .toast-text {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  flex-direction: column;
}
.popup-toast .toast-text p {
  display: flex;
  gap: 10px;
  align-items: center;
  color: #222;
  /* font-family: Pretendard; */
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: -0.176px;
}

.popup-toast .toast-text p span {
  max-width: max-content;

  /* @media (max-width: 1120px) { */
  @media (max-width: 1120px) and (min-width: 992px) {
    width: 180px;
  }

  @media (max-width: 706px) and (min-width: 650px) {
    width: 180px;
  }

  @media (max-width: 645px) and (min-width: 500px) {
    width: 180px;
  }
}

.popup-toast.show-toast {
  animation: toastSlideUp 0.5s ease forwards; 
  @media (max-width: 992px) {
    animation: toastSlideUpMB 0.5s ease forwards; 
  }
}
.popup-toast.hide-toast {
  animation: toastSlideDown 0.5s ease forwards; 
  @media (max-width: 992px) {
    animation: toastSlideDownMB 0.5s ease forwards; 
  }
}
.popup-toast .toast_icon_check {
  margin-bottom: 2px;
}

@keyframes toastSlideUp {
  0% {
      bottom: -100px; 
      opacity: 0;
  }
  100% {
      bottom: 20px; 
      opacity: 1;
  }
}
@keyframes toastSlideDown {
  0% {
    opacity: 1;
    bottom: 20px; 
  }
  100% {
    bottom: -100px; 
    opacity: 0;
  }
}

@keyframes toastSlideUpMB {
  0% {
      bottom: -100px; 
      opacity: 0;
  }
  100% {
      bottom: 100px; 
      opacity: 1;
  }
}
@keyframes toastSlideDownMB {
  0% {
    opacity: 1;
    bottom: 100px; 
  }
  100% {
    bottom: -100px; 
    opacity: 0;
  }
}

/* 정책설정 팝업 */
.popup_box.full_popup_box {
  /* overflow-y: auto; */
  max-width: 1276px;
  border-radius: 0;
  margin: 0 auto;
  border: 1px solid #DDD;
  background: #FFF;
  box-shadow: 0px 0px 20px 0px rgba(35, 35, 35, 0.10);
  height: 100%;
  max-height: none !important;
  padding: 40px 30px 120px 40px;
  box-sizing: border-box;
  width: 100%;
}

.container .full_popup_box .title_area {
  margin-bottom: 0;
}

.full_popup_box .popup_policy-title {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 21px;
}

.full_popup_box .popup_policy-title .title {
  color: #222;
  text-align: center;
  /* font-family: Pretendard; */
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.full_popup_box .popup_policy-title .title_area .title {
  text-align: left;
  margin-top: 3px;
}

.full_popup_box .popup_policy-title .cancel {
  padding: 0 0 10px 10px;
  margin-top: -25px;
}

.full_popup_box .popup_policy-title .cancel:hover {
  opacity: 0.6;
}

.full_popup_box .popup_policy-title .cancel img {
  width: 14px;
  height: 14px;
}

.popup_policy-content-scroll {

  height: 100%;
  overflow: scroll;
  padding-right: 10px;
  padding-bottom: 97px;
}
.popup_box[name='popup_policy_setting'] .content_loading {
  width: 100%;
  text-align: center;
  height: calc(100vh - 186px);
}
.popup_box[name='popup_policy_setting'] .content_loading img {
  margin-top: 360px;
}
.popup_box[name='popup_policy_setting'] .content_loading img[src*="animation_loading_v2.gif"] {
  width: 40px !important;
  height: 40px !important;
}

.popup_policy-content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.popup_policy-content .content-input {}

.popup_policy-content .flex-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.popup_policy-content .content-title {
  color: #222;
  /* font-family: Pretendard; */
  font-size: 18px;
  font-style: normal;
  /* font-weight: 600; */
  font-family: 'Pretendard-SemiBold';
  line-height: 150%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 17px;
}
.popup_policy-content .content-name .content-title {
  gap: 5px;
}

.popup_policy-content .content-title.title-target,
.popup_policy-content .content-title.title-date,
.popup_policy-content .content-title.title-detail {
  margin-bottom: 12px;
}

.popup_policy-content .content-title .title-sub {
  color: #5C656E;
  /* font-family: Pretendard; */
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 21px */
  display: inline-block;
  /* margin-left: 17px; */
}

.popup_policy-content .text-count {
  text-align: right;
  color: #AAA;
  /* font-family: Pretendard; */
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 21px */
}

.popup_policy-content input.policy-name {
  font-size: 15px !important;
}
.popup_policy-content .textarea_style.policy-memo {
  height: 32px;
  font-size: 15px;
  padding: 3px 5px;
}

.popup_box .popup_policy-content .table_wrap {
  overflow: hidden;
  
}
.popup_box .popup_policy-content .item_table .outer_table > tbody > tr {
  border-top: none;
}
.popup_policy-content .textarea_style.policy-memo::placeholder,
.popup_policy-content input.policy-name::placeholder {
  font-size: 15px;

}

.popup_policy-content .target-wrap {
  display: flex;
  gap: 22px;
  justify-content: space-between;
  align-items: flex-start;
}

.popup_policy-content .box-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 32px;
  margin-bottom: 12px;
}

.popup_policy-content .box-title .title {
  display: flex;
  gap: 5px;
}

.popup_policy-content .target-flex-box {
  /* flex: 1; */
  /* width: calc(100% / 2); */
  min-width: 541px;
  /* background-color: red; */
  /* height: 400px; */
  /* overflow: auto; */
}

.popup_policy-content .target-list-box {
  border-radius: 5px;
 
  /* overflow: auto; */
  border: 0.5px solid #DDD;
  height: 400px;
  background: #FFF;
  padding: 18px;
}
.popup_policy-content .target-list-box .target-list-box-scroll {
  overflow-x: auto;
  height: 365px; /* TODO */
  /* background-color: rgb(199, 199, 199); */
}
.popup_policy-content .target-list-box::-webkit-scrollbar-track {
  border-radius: 10px;
}

/* .popup_policy-content .target-list-box.target-list-all {
  padding: 8px 18px 18px 2px;
} */
.popup_policy-content .target-list-all .dd-content .name-area {
/*   text-overflow: clip;
  overflow: visible; */
}

.popup_policy-content .target-list-box.target-list-seleted {
   display: flex;
  flex-direction: column;
  gap: 9px;
  position: relative;
}
.popup_policy-content .target-list-box.target-list-seleted .target-list-seleted-none {
  position: absolute;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  right: 0 !important;
  background: rgba(231, 231, 231, 0.73);
  border-radius: 5px;
  /* padding-top: 177px; */
  font-weight: 400;
  font-size: 15px;
  line-height: 150%;
  text-align: center;
  color: #222;
  display: flex;
  justify-content: center;
  align-items: center;
}

.popup_policy-content .target-selected-wrap {
  display: flex;
  flex-direction: column;
  gap: 9px;
  overflow-y: auto;
}

.popup_policy-content .target-selected-item {}

.popup_policy-content .target-selected-item .target-selected-area {
  display: inline-block;
  color: #222;
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border-radius: 5px;
  background: #F4F4F4;
  padding: 4px 0 4px 8px;
}

.popup_policy-content .target-selected-item .delete-item {
  padding: 0 9px;

}

.popup_policy-content .target-selected-item img {
  vertical-align: 0px;
}

@media (max-width: 1600px) {
  .popup_policy-content .policy-target-table .scroll_area {
    min-width: 0;
  }
}

.popup_policy-content .add_user {
  border: none;
  border-radius: 0;
  overflow: visible;
}

.popup_policy-content .policy-target-table .dd-handle.company {
  background-color: inherit;
}

.popup_policy-content .dd-handle {
  height: 30px;
  border-top: none;
  padding: 0 11px 2px 36px;
  border-radius: 5px;
  cursor: pointer;
  margin: 4px 0;
  background-color: transparent;
}

.popup_policy-content .dd-item.select_target_group {
  background-color: #F4F4F4 !important;
  position: relative;
  border-radius: 5px;
}

.popup_policy-content .dd-item.select_target_group::after {}

.popup_policy-content .dd-handle::before {
  /* 지우지말것 */
    position: absolute;
  content: '';
  display: block;
  /* width: 100%; */
  width: 94%;
  height: 30px;
  right: 0;
  border-radius: 5px;
  z-index: 0;
  pointer-events: none;
}

.popup_policy-content .dd-item:has(> .dd-handle.select_target .imgShow-orgchart-group) {
  /* position: relative; */
  width: 100%;
}
.popup_policy-content .dd-list .dd-list {
  padding-left: 10px;
}
.popup_policy-content .dd-item:has(> .dd-handle.select_target > .dd-content > .imgShow-orgchart-group) {
  /* position: relative; */
  width: 100%;
  height: 100%;
}
.popup_policy-content .dd-item.select_target_group:has(> .dd-handle.select_target > .dd-content > .imgShow-orgchart-group) {
  /* position: relative;
  height: 100%; */
}
.popup_policy-content .dd-item.select_target_group:has(> .dd-handle.select_target > .dd-content > .imgShow-orgchart-group):before {
  /* background-color: rgba(0, 162, 255, 0.341) !important;  */
  background-color: #F4F4F4 !important;
  content: '';
  position: absolute;
  display: block;
  /* top: 0; */
  width: 100%;
  height: var(--target-group-height); 
  right: 0;
  pointer-events: none;
  border-radius: 5px;
  z-index:0;
  
}

.popup_policy-content .dd>.dd-list>.dd-item {
  /* background-color: red !important; */
  /* overflow: auto;지우면 안됨 */
}

.popup_policy-content .dd-handle.select_target::before {
  background: #F4F4F4 !important;
}

.popup_policy-content .add_user .dd>.dd-list li::before {
  display: none;
}

.popup_policy-content .nestable-lists [class*="imgShow-"] {
  top: 7px !important;
  position: relative;
  z-index: 1;
}
.popup_policy-content .nestable-lists .imgShow-orgchart-company {
  top: 6px !important;
}
.popup_policy-content .dd-item button:has( ~ .company ) {
  top: 11px;
}
.popup_policy-content .dd-item>button {
  top: 8px;
  position: relative;
  z-index: 2;
  left: 5px;
}

.popup_policy-content .policy-target-table {
  /* overflow: auto;
  min-height: 370px !important; */
}

.popup_policy-content .policy-target-table .dd-content {
  display: flex;
}

.popup_policy-content .policy-target-table .dd-content .name-area {
  max-width: none;
  overflow: visible;
  text-overflow: clip;
  white-space: nowrap;
}

.popup_policy-content .policy-target-table .dd-content span {
  position: relative;
  z-index: 1;
  margin-top: 3px;
  margin-left: 7px;
  max-width: none;
  width: auto;
}

.popup_policy-content .policy-target-table .dd-content span.badge_other {
  display: inline-block;
  color: #2196F3;
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: 2;
  border-radius: 5px;
  background: rgba(33, 150, 243, 0.10);
  height: 20px;
  margin-left: 7px;
  padding: 0 8px;
  margin-top: 5px;
  min-width: max-content;
}
/* 실행예정 */
.popup_policy-content .policy-target-table .dd-content span.badge_other_2 {
  display: inline-block;
  color: #E68445;
  font-family: Pretendard;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: 2;
  border-radius: 5px;
  background: rgba(230, 132, 69, 0.14);
  height: 20px;
  margin-left: 7px;
  padding: 0 8px;
  margin-top: 5px;
}

.popup_policy-content .policy-target-table .dd-handle.company .tooltip_type04 {
  transform: translateY(24px);
}
.popup_policy-content .policy-target-table .dd-content span.badge_other_2 + .tooltip_type04,
.popup_policy-content .policy-target-table .dd-content span.badge_other + .tooltip_type04 {
  transform: translateY(28px);
  pointer-events: none;
}
.popup_policy-set-btn-area {
  position: fixed;
  z-index: 100;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgb(255, 255, 255);
  width: calc(100% - 10px);
  padding-top: 10px;
  max-width: 1256px;
  text-align: center;
}
.popup_policy-content .policy-detail-table-wrap .red_text,
.popup_policy_import .policy-detail-table-wrap .red_text {
  color: #EF5350 !important;
}
.popup_policy-content .table_detail .detaile > tbody > tr:first-child > th.status_area,
.popup_policy_import .table_detail .detaile > tbody > tr:first-child > th.status_area {
  min-width: 100px;
}
.popup_policy-content .table_detail .detaile > tbody > .tr-category,
.popup_policy_import .table_detail .detaile > tbody > .tr-category {
  background: #F7F7F7;
}
.popup_policy-content .table_detail .detaile > tbody > tr:first-child > th.pchealthcheck_item,
.popup_policy_import .table_detail .detaile > tbody > tr:first-child > th.pchealthcheck_item {
  padding: 5px 10px;
}
.popup_policy-content .fature-activation-status,
.popup_policy_import .fature-activation-status {
  display: inline-block;
  margin-left: 20px;
}
.popup_policy-content .fature-activation-status::before,
.popup_policy_import .fature-activation-status::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 5px;
  vertical-align: 2px;
}
.popup_policy-content .fature-activation-status.activate,
.popup_policy_import .fature-activation-status.activate {/* 활성화 */
  color: #2196F3;
}
.popup_policy-content .fature-activation-status.activate::before,
.popup_policy_import .fature-activation-status.activate::before {
  background-color: #2196F3;
}
.popup_policy-content .fature-activation-status.deactivate,
.popup_policy_import .fature-activation-status.deactivate {/* 비활성화 */
  color: #555;
}
.popup_policy-content .fature-activation-status.deactivate::before,
.popup_policy_import .fature-activation-status.deactivate::before {
  background-color: #797979;
}

.popup_policy_different_apply .changes-title {
  margin-left: 7px;
  margin-bottom: 7px;
  color: #222;
font-family: Pretendard;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 21px */
}

.popup_policy_different_apply .changes-title img {
  margin-right: 4px;
}
.popup_policy_different_apply .changes-list {
  padding: 12px 10px 13px 20px;
  max-height: 116px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.popup_policy_different_apply .changes-list.policy-list {
  max-height: 183px;
}
.popup_policy_different_apply .policy-list-area {
  margin-top: 32px;
}
.popup_policy_different_apply .policy-list-area {}
.popup_policy_different_apply .policy-list-area .changes-item input[type="checkbox"]+label {
  /* line-height: 14px; */
}
.popup_policy_different_apply .policy-list-area .checkbox_all_text {
  color: #333;
font-family: Pretendard;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.popup_policy_different_apply .policy-list-area .changes-item {
  display: flex;
  align-items: center;
}
.popup_policy_different_apply .policy-list-area .changes-item span {
  display: inline-block;
}
.popup_policy_different_apply .policy-list-area-flex {
  display: flex;
  justify-content: space-between;
}
.popup_policy_different_apply .scroll-box  {
  overflow: auto;
}

.popup_box[name="popup_policy_import"] .popup_contents_title {
  margin-bottom: 10px;
}

/* 정책 불러오기 팝업 탭 메뉴 */
.popup_policy_import_tab {
  display: flex;
  gap: 16px;
  margin: 24px 34px 6px;
  border-bottom: 1px solid #a9a9a9;
}
.popup_policy_import_tab .tab-item {
  padding-bottom: 16px;
  cursor: pointer;
  color: #AAA;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
}
.popup_policy_import_tab .tab-item:hover {
  color: #7f7f7f;
}
.popup_policy_import_tab .tab-item.active {
  color: #000;
  position: relative;
}
.popup_policy_import_tab .tab-item.active::after {
  content: '';
  left: 0;
  bottom: -1px;
  width: 100%;
  position: absolute;
  height: 2px;
  background-color: #000;
}

.popup_box .popup_policy-content .inner-border {
  overflow-x: auto;
  max-height: 500px;
  border-radius: 5px;
  border: 1px solid #DDD;
  padding: 14px 18px;

}
.popup_box .popup_policy-content .inner-title {
  color: #AAA;
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 15px;
}
.popup_box .popup_policy-content .target_list {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.popup_box .popup_policy-content .target_list .item {
  border-radius: 5px;
  background: #F7F7F7;
  padding: 5px 10px;
  font-size: 14px;
}
.popup_box[name="popup_policy_import_different_check"] .popup_policy-content {
  gap: 5px;
}
.popup_box[name="popup_policy_import_different_check"] .popup_policy-content .changes-title {
  font-size: 15px;
}
.popup_box[name="popup_policy_import_different_check"] .popup_policy-content .changes-title span {
  font-size: 14px;
  color: #aaa;
  margin-left: 3px;
}
.popup_box[name="popup_policy_import_different_check"] .change_policy_list .item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #7C7C7C;
}
.popup_box[name="popup_policy_import_different_check"] .change_policy_list .item.change {
  color: #2196F3;
}
.popup_box .title_area .menu_history {
  display: flex;
  flex-wrap: wrap;
}
.popup_box .title_area .menu_history li {
  color: var(--text-gray-color);
  margin-right: 5px;
}
.popup_box .title_area .menu_history li:not(:last-child)::after {
  content: '>';
  margin-left: 5px;
}
.popup_box .title_area .menu_history li:last-child {
  color: var(--text-main-color);
}

.textarea-loading-area {
  position: relative;
}
.textarea-loading-text {
  height: 96px !important;
  padding: 13px 15px;
  color: var(--Text-Black01, #333);
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
 /* WebKit 기반 브라우저의 스크롤바 스타일 */
 .textarea-loading-text::-webkit-scrollbar {
  width: 8px;
}

.textarea-loading-text::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 4px;
}

.textarea-loading-text::-webkit-scrollbar-thumb:hover {
  background-color: #555; 
}

.textarea-loading-text::-webkit-scrollbar-track {
  background: #f1f1f1; 
  border-radius: 4px; 
}

.textarea-loading-area .text-count {
  position: absolute;
  bottom: 9px;
  right: 13px;
  color: #AAA;
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 19.5px */
  background-color: #fff;
}
/* 팝업 내 리스트 복사 가능한 컨텐츠 */
.popup_box .copy_popup .popup_contents_title {
  margin-bottom: 16px;
}
.popup_box .copy_popup .text_area {
  margin-bottom: 42px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.popup_box .copy_popup .text_area .content_text {
  color: #6D6D6D;
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.15px;
}
.popup_box .copy_popup .device_list_wrap {}
.popup_box .copy_popup .device_list_wrap .list_title {
  color: #333;
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 22.5px */
  margin-bottom: 10px;
}
.popup_box .copy_popup .device_list_wrap .list-inner {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 300px;
  overflow: auto;
}
.popup_box .copy_popup .device_list_wrap .copy_value_area {
  display: flex;
  gap: 10px;
}
.popup_box .copy_popup .device_list_wrap .copy_value_area .item {
  word-break: break-all;
}
.popup_box .guidance-text {
  margin-left: 65px;
  margin-top: 7px;
  color: #EF5350;
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.popup_box[name="popup_request_set_user_pw"] .black_border_btn {
  margin-bottom: 24px;
}
.popup_box[name="popup_request_set_user_pw"] .popup_contents_title {
  margin-bottom: 18px !important;
}
.popup_box[name="popup_id_cloud_app"] .filter-li[name='0'] {
  display: none;
}
.inhouse_application .filter-li[name='0'] {
  display: none;
}
/* 보안 마크 팝업 */
.popup_box[name="popup_security_mark"] .item_box .item_title {
  width: auto;
}
.popup_box[name="popup_security_mark"] .item_box .code_wrap {
  width: 100%;
} 
.popup_box[name="popup_security_mark"] .item_box .code_wrap .copy_ok_box {
  right: 8px;
  top: 31px;
}

.popup_box[name="popup_security_mark"] .input_disabled_style.code_wrap {
  display: block;
  overflow: auto;
  width: 598px;
} 
.popup_box[name="popup_security_mark"] .item_box .code_wrap::before {
  content: "HTML";
  color: #AAA;
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
.popup_box[name="popup_security_mark"] .security_mark_img_area {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 272px;
  margin-bottom: 49px;
}
.popup_box[name="popup_security_mark"] .security_mark_img_area .mark_img_size.small {
  width: 44px;
  height: 48px;
}
.popup_box[name="popup_security_mark"] .security_mark_img_area .mark_img_size.medium {
  width: 134px;
  height: 149px;
}
.popup_box[name="popup_security_mark"] .security_mark_img_area .mark_img_size.large {
  width: 200px;
  height: 222px;
}
.popup_box[name="popup_security_mark"] .copy-btn {
  position: absolute;
  top: 2px;
}
.popup_box[name="popup_security_mark"] .popup_content {
  overflow: visible;
}
.popup_text_black {
  color: #333;
  text-align: center;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.popup_text_gray {
  color: #AAA;
  text-align: center;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 10px;
}
.popup_contents_loading {
  min-height: 300px; 
  display: flex; 
  align-items: center; 
  justify-content: center;
}