/*2025 03 12 추가 퍼블리싱 세미콜론즈*/
/*시방서*/
.specification-wrapper {
  max-width: 1250px;
  margin: 60px auto 150px;
}
.specification-wrapper input[type="text"] {
  border-radius: 5px;
  padding: 0 13px;
}
.page_top_text.nobg {
  background: transparent;
}
.in_button {
  width: fit-content;
  margin-left: auto;
}
.in_button button {
  background: #ec1c24;
  color: #fff;
  width: 138px;
  height: 48px;
  line-height: 48px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
}
.in_button button img {
  width: 14px;
  height: auto;
  margin-right: 7px;
  vertical-align: -0.5px;
}
.content_flex {
  display: flex;
  justify-content: space-between;
}
.content_flex .add_spec_46 {
  width: 46%;
  flex-basis: 46%;
  position: relative;
}
.spec_46_ul {
  margin-top: 50px;
}
.spec_46_ul li {
  font-size: 0;
  border: 1px solid #616161;
  margin-top: -1px;
  padding: 15px 10px;
  font-weight: 400;
  text-align: center;
}
.spec_46_ul li.ul46_title {
  font-weight: 600;
}
.spec_46_ul li p {
  display: inline-block;
  width: 33.333%;
  font-size: 15px;
}
.product_flex_box {
  display: flex;
  justify-content: space-between;
  padding-top: 40px;
}
.product_flex_box .pd_part_img {
  width: 270px;
  height: 220px;
  object-fit: cover;
  border: 1px solid #333;
  border-radius: 3px;
}
.product_right_infobox {
  width: calc(50% - 200px);
  flex-basis: calc(50% - 200px);
}
.product_right_infobox p {
  display: flex;
  align-items: start;
  margin-bottom: 15px;
}
.product_right_infobox p.info_mg_large {
  margin-bottom: 40px;
}
.product_right_infobox p label {
  width: 92px;
  align-content: center;
  height: 46px;
}
.product_right_infobox .top_info_text {
  margin-top: -45px;
  padding-bottom: 15px;
  display: block;
  font-size: 17px;
  font-weight: 500;
}
.specification-wrapper .product_right_infobox p input {
  width: calc(100% - 92px);
  display: inline-block;
}
.specification-wrapper input.text_height50 {
  height: 46px;
}
.product_right_infobox p.product_right50 {
  justify-content: space-between;
  align-content: center;
}
.product_right_infobox p.product_right50 span {
  width: 45%;
  flex-basis: 45%;
  font-size: 0;
  align-content: center;
}
.product_right_infobox p.product_right50 label {
  align-content: center;
}
.head_press_wrap .head_value {
  overflow: hidden;
}
.head_press_wrap .head_value span {
  display: block;
  width: 100%;
  text-align: center;
  line-height: 1.3;
  height: 100%;
  word-break: break-all;
  align-content: center;
  padding: 3px;
  font-size: 11px;
}
.specification-wrapper .head_press_wrap input[type="text"] {
  height: 100%;
  border: 0;
  padding: 0 5px;
  border-radius: 10px;
  background: transparent;
}
.specification-wrapper .head_press_info {
  border: 0;
}
.head_press_info {
  flex-wrap: wrap;
}
#production-line-modal .head_press_info {
  flex-wrap: nowrap;
}
#production-line-modal .head_press_wrap.mt_20 {
  border: 0;
  padding: 0;
  margin: 0;
}
#production-line-modal .head_press_wrap.mt_20 {
  margin-top: 0 !important;
}
#production-line-modal .head_press_wrap.mb_20 {
  margin-bottom: 0 !important;
}
#production-line-modal .lmd_info_left_114,
#production-line-modal .lmd_info_left_115,
#production-line-modal .lmd_info_left_116,
#production-line-modal .lmd_info_left_117,
#production-line-modal .lmd_info_left_118 {
  border-bottom: 1px solid #ccc;
}

.head_press_info_left.head_press_info_num {
  width: 7%;
}
.head_press_info_left {
  width: 20%;
}
.head_press_wrap_wrap {
  width: 73%;
}
.info_list img {
  width: 26px;
  height: auto;
  margin: 0 4px;
}
.head_press_bottom {
  border-bottom: 0;
  flex-wrap: wrap;
}
.head_press_bottom h2 {
  width: 180px;
}
.head_press_wrap {
  width: calc(100% - 210px);
}
.head_press_info_left > div {
  border-bottom: 0;
}
.production-info__img .head_press_info:not(:first-child) > div {
  border-top: 1px solid #666;
}
.panel-info__details .checkboxs {
  gap: 40px;
}
.panel-info__details .checkboxs input {
  margin-left: 5px;
}
.specification-wrapper select {
  -webkit-appearance: none; /* for chrome */
  -moz-appearance: none; /*for firefox*/
  appearance: none;
  background: url(../../../../img/sel2.png) no-repeat center right 14px;
  background-size: 14px auto;
}
.specification-wrapper select::-ms-expand {
  display: none; /*for IE10,11*/
}
.specification-wrapper select:disabled {
  background-image: none;
  background-color: #f1f1f1;
  border: 0 !important;
}
.info_spec_50 {
  width: 50%;
  flex-basis: 50%;
  position: relative;
}
.bl-info__details {
  gap: 20px;
  justify-content: start;
  align-items: start;
}
.buttons {
  gap: 23px;
}
.bl-info__details .buttons {
  width: 65%;
}
.specification-wrapper .bl-info__details input {
  width: 35%;
}
.missfeeding-info__checkbox {
  position: absolute;
  top: 4px;
  left: 150px;
}
.buttons button {
  background: #fff;
  border: 1px solid #ccc;
  width: 172px;
  flex: none;
}
.buttons button.selected {
  background: #ec1c24;
  color: #fff;
  border: 1px solid #ec1c24;
}
.missfeeding-options select {
  height: 55px;
  width: 50%;
  padding: 0 15px;
  border-radius: 8px;
  border: 1px solid #ccc;
}
.missfeeding-options .other_content {
  width: calc(50% - 20px) !important;
}
select#inner-guide,
select#flip-allowance,
select#mold-possible,
select#mold-rating {
  width: 30%;
}
.guide-post-info__details .slt50 {
  width: 20%;
}
#guide-post-other {
  width: 15%;
}
.detail_flex {
  gap: 23px;
  display: flex;
  align-items: start;
}
.limit-block-options {
  width: 45%;
}
#extra-textbox-container {
  width: 172px;
}
.mold-lifting-options {
  width: auto;
}
.w46 {
  width: 46%;
}
.spec_add_item {
  height: 55px;
  line-height: 55px;
  text-align: center;
  font-size: 15px;
  border: 2px dashed #ccc;
  display: block;
  width: 46%;
  background: #fff;
  margin-top: 10px;
  color: #666;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.spec_add_item img {
  width: 13px;
  height: auto;
  filter: brightness(0.5);
  vertical-align: -1.5px;
  margin-right: 8px;
}
.checkspec_list input {
  vertical-align: -1px;
  margin-left: 10px;
}
.checkspec_list input[type="text"] {
  width: calc(100% - 90px);
  font-size: 13px;
}
.checkspec_list .add_spec_46 select {
  font-size: 15px;
}
.checkspec_list .add_spec_46 .sub-title {
  margin-bottom: 10px;
}
.checkspec_list .add_spec_46 button {
  font-size: 15px;
  line-height: 1.3;
  background: #fff;
  border: 1px solid #ccc;
}
.checkspec_list .add_spec_46 button.selected {
  background-color: #ff0000;
  border: 0;
}
.checkspec_list .add_spec_46 p {
  min-height: 55px;
  border-radius: 8px;
  align-content: center;
  padding: 0 15px;
}
.check_showbox {
  display: flex;
  align-items: center;
  width: calc(100% - 180px);
}
.check_showbox span {
  width: 90px;
}
.detail_file_wrap .file_textbox {
  display: flex;
  gap: 2%;
}
.detail_file_wrap .file_textbox > * {
  width: 49% !important;
}
.detail_file_wrap .file_textbox > div {
  height: 55px;
  line-height: 55px;
  border: 2px dashed #ddd;
  border-radius: 5px;
  background: #fcfcfc;
  padding: 0 15px;
  color: #666;
  display: flex;
  align-items: center;
}
.detail_file_wrap .file_textbox > div img {
  width: 23px;
  height: auto;
  margin-right: 10px;
  vertical-align: -6px;
}
.file_bottom_list {
  display: flex;
  gap: 1.875%;
  flex-wrap: wrap;
  margin-top: 10px;
}
.file_bottom_list p {
  height: 55px;
  line-height: 55px;
  white-space: nowrap;
  width: 18.5%;
  flex-basis: 18.5%;
  background: #fafafa;
  border: 1px solid #bbb;
  border-radius: 5px;
  margin-bottom: 10px;
  padding: 0 12px;
  color: #555;
  font-size: 14px;
  display: flex;
}
.file_bottom_list p span {
  width: calc(100% - 42px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.file_bottom_list p button {
  width: 42px;
  flex-basis: 42px;
  height: 27px;
  line-height: 27px;
  border: 1px solid #555;
  background: #fff;
  padding: 0;
  text-align: center;
  margin-top: 14px;
  font-weight: 300;
  border-radius: 3px;
}
.submission-drawing-options {
  display: flex;
  gap: 2%;
}
.submission-drawing-options button {
  width: 15%;
  flex-basis: 15%;
  background-color: #fff;
  border: 1px solid #ccc;
}
.submission-drawing-options button.selected {
  background: #ec1c24;
  border: 1px solid #ec1c24;
}

.process-info__title-cont {
  position: relative;
}
.process-info__title-cont:after {
  clear: both;
  content: "";
  display: block;
}
.description {
  left: 105px;
  top: -2px;
}
.title::before {
  bottom: -22px;
}
.title_button_right {
  position: absolute;
  right: 0;
  top: 0;
}
.title_button_right button {
  height: 40px;
  padding: 0 15px;
  margin-left: 6px;
  font-size: 15px;
}
.title_button_right button.p_addbtn {
  background: #fff;
  border: 1px solid #555;
  color: #555;
}
.select-duplicate {
  left: 86px;
}
.title_comment {
  font-size: 12px;
  color: #999;
  margin-top: 4px;
}
.info_linebox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.info_linebox p {
  min-width: 20%;
  display: flex;
  align-items: center;
  gap: 12px;
}
.info_linebox p label {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 0;
  white-space: nowrap;
}
.info_linebox .lr_checkbox {
  width: 30%;
  flex-basis: 30%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.info_linebox .lr_checkbox > label {
  font-size: 17px;
  font-weight: 600;
}
.info_linebox p select {
  border: 1px solid #ccc;
  border-radius: 8px;
  height: 55px;
  padding: 0 15px;
  width: calc(100% - 50px);
  margin-left: 10px;
  flex: 1;
  min-width: 120px;
}
/* input도 동일하게 적용 */
.info_linebox p input[type="text"],
.info_linebox p input[type="number"] {
  flex: 1;
  min-width: 120px;
}
.cvt_box {
  float: right;
  display: flex;
  align-items: center;
  justify-content: right;
  width: calc(100% - 140px);
}
.specification-wrapper .cvt_box input {
  width: calc(100% - 70px);
  margin-left: 15px;
}
.process_info_right {
  width: calc(100% - 150px);
  flex-basis: calc(100% - 150px);
}
.process_text_line {
  display: flex;
  gap: 10px;
}
.process_text_line > input:first-child {
  width: 50%;
  flex-basis: 50%;
  font-size: 15px;
}
.process_text_line > input:first-child::placeholder {
  color: #999;
  font-weight: 300;
}
.process_text_line .max_text {
  flex: 1;
  border: 2px dashed #ddd;
  border-radius: 5px;
  height: 44.5px;
  font-size: 12.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 15px;
  background: #fcfcfc;
}
.process_text_line .max_text img {
  width: 20px;
  height: auto;
  margin-right: 20px;
}
.process_text_line .max_text span {
  display: block;
  text-align: center;
  line-height: 1.2;
  color: #777;
}
.process_text_line .process_imagebox {
  flex: 1;
  background: #fafafa;
  border: 1px solid #bbb;
  height: 44px;
  border-radius: 8px;
  line-height: 42px;
  padding: 0 13px;
  min-width: 200px;
  max-width: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.process_text_line .process_imagebox span {
  display: inline-block;
  font-size: 12.5px;
  color: #333;
  width: calc(100% - 45px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.process_text_line .process_imagebox button {
  display: inline-block;
  height: 27px;
  width: 40px;
  line-height: 27px;
  background: #fff;
  vertical-align: top;
  font-size: 13px;
  color: #555;
  border: 1px solid #333;
  padding: 0;
  text-align: center;
  border-radius: 4px;
  margin-top: 7.75px;
}
.add_plusbtn {
  display: block;
  height: 45px;
  padding: 0;
  text-align: center;
  width: 100%;
  border: 1px dashed #ccc;
  margin-top: 10px;
  background: #fff;
  color: #888;
  font-size: 14px;
}
/* .label_top_minus {
  margin-top: -47px;
} */
.file-upload__box .file-upload__label {
  flex-flow: column;
}
.file-upload__label img {
  width: 32px;
  height: auto;
  display: block;
  margin: 0 auto 30px;
}
.file-upload__label span {
  font-weight: 300;
}
.page_last_btn {
  text-align: center;
  margin: 40px 0;
  display: flex;
  gap: var(--space);
  justify-content: center;
}
.page_last_btn a {
  width: 170px;
  display: inline-block;
  border-radius: 8px;
  line-height: 60px;
  font-size: 17px;
}

.page_last_btn a:first-child {
  color: var(--ink);
}

.page_last_btn a.last_ok_btn {
  background: #ec1c24;
}

/*시방서 정보불러오기 모달*/
.info-up-modal .modal-content {
  height: 750px;
  overflow: auto;
  border: 7px solid #fff;
  width: 1200px;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.info-up-modal .modal-header {
  display: block;
  margin: 20px 0;
}
.info-up-modal .modal-header h5 {
  font-size: 27px;
  font-weight: 700;
  color: #333;
  text-align: center;
}
.modal_gray_text {
  font-size: 14px;
  color: #aaaaaa;
  font-weight: 400;
  padding-bottom: 15px;
}
.up_inbox {
  margin-bottom: 25px;
}
.up_inbox label {
  display: flex;
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 7px;
  align-items: center;
  gap: 4px;
}
.up_inbox select {
  display: block;
  width: calc(50% - 5px);
  border: 1px solid #ccc;
  height: 44px;
  border-radius: 8px;
  font-size: 14px;
  -webkit-appearance: none; /* for chrome */
  -moz-appearance: none; /*for firefox*/
  appearance: none;
  background: url(../../../../img/sel2.png) no-repeat center right 15px;
  background-size: 10px auto;
  padding: 0 12px;
  color: #333;
  font-weight: 400;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.up_inbox select::-ms-expand {
  display: none; /*for IE10,11*/
}

.info-up-modal .modal-content::-webkit-scrollbar {
  width: 8px;
  padding: 5px;
}

.info-up-modal .modal-content::-webkit-scrollbar-thumb {
  background-color: #ddd;
  /* 스크롤바 색상 */
  border-radius: 10px;
  /* 스크롤바 둥근 테두리 */
  border: 4px solid transparent;
}

.info-up-modal .modal-content::-webkit-scrollbar-track {
  background: #f5f5f5;
  /*스크롤바 뒷 배경 색상*/
}

.up_btn_wrap {
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  gap: 1.5%;
}
.up_btn_wrap button {
  width: 15.416%;
  flex-basis: 15.416%;
  margin-top: 15px;
  border-radius: 10px;
  background: #f0f0f0;
  color: #333;
  font-size: 14px;
  flex: none;
  position: relative;
}
.up_btn_wrap button.active {
  background: #ec1c24;
  color: #fff;
}
.up_btn_wrap button.active span {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  padding: 3px 9px;
  background: #ec1c24;
  border-radius: 10px;
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
  font-size: 13px;
}
.up_inbox .etc_text_input {
  display: block;
  width: 100%;
  height: 44px;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 0 12px;
  font-size: 14px;
  margin-top: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.up_bottom_box {
  text-align: center;
  margin: 60px 0 0;
}
.up_bottom_box button {
  width: 150px;
  height: 44px;
  background: #eaeaea;
  color: #777;
  font-size: 14px;
  display: inline-block;
  margin: 0 5px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.up_bottom_box button.up_btn_ok {
  background: #ec1c24;
  color: #fff;
}
.info-up-modal .manu-footer {
  text-align: center;
  margin-top: 45px;
}
.info-up-modal .manu-footer button {
  padding: 0 40px;
  margin: 0 5px;
}
.info-up-modal .manu-footer button.manu-submit-btn {
  background: #ec1c24;
  color: #fff;
}

/*공정정보 불러오기*/
.info-up-modal .modal-content.infotable {
  height: auto;
}
.info-up-modal .infotable .modal-header {
  text-align: left;
  position: relative;
  margin: 0;
}
.info-up-modal .infotable .modal-header h5 {
  text-align: left;
  width: calc(100% - 50px);
}
.info-up-modal .infotable .modal-header button {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  padding: 0;
  margin: 0;
  width: 50px;
  height: 50px;
  text-align: center;
}
.info-up-modal .infotable .info_search_line {
  text-align: right;
}
.info-up-modal .infotable .info_search_line select {
  width: 130px;
  border: 1px solid #ddd;
  height: 38px;
  padding: 0 8px;
  font-size: 14px;
  margin-right: 5px;
}
.info-up-modal .infotable .info_search_line input {
  font-size: 14px;
  border: 1px solid #ddd;
  height: 38px;
  width: 200px;
  margin-right: 5px;
}
.info-up-modal .infotable .info_search_line button {
  background: #535353;
  color: #fff;
  padding: 0 15px;
  height: 38px;
  border-radius: 0;
  font-size: 14px;
}
.info_body_table {
  table-layout: fixed;
  width: 100%;
  margin-top: 25px;
}
.info_body_table tr th {
  border-top: 1px solid #111;
  border-bottom: 1px solid #333;
}
.info_body_table tr th,
.info_body_table tr td {
  width: 18%;
  padding: 12px 5px;
  font-size: 14px;
}
.info_body_table tr th:nth-child(3),
.info_body_table tr td:nth-child(3) {
  width: 28%;
}
.info_body_table tr td {
  border-bottom: 1px solid #ddd;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.info_body_table tr td button {
  height: 32px;
  border: 1px solid #ec1c24;
  color: #ec1c24;
  background: #fff;
  font-size: 13px;
}
.info_body_table tr td button.file-in {
  border: 1px solid #7e090d;
  color: #7e090d;
  margin-left: 5px;
}

/*시방서 view*/
.text_content_can {
  background: #f1f1f1;
  color: #575757;
  padding: 5px 15px;
}
.text_w100 {
  width: 100%;
  display: inline-block;
  min-height: 55px;
  background: #f1f1f1;
  font-size: 14.5px;
  align-content: center;
  padding: 5px 15px;
  border-radius: 5px;
}
.text_w92 {
  width: calc(100% - 92px);
  display: inline-block;
  background: #f1f1f1;
  font-size: 14.5px;
  border-radius: 5px;
  align-content: center;
  padding: 5px 15px;
}
.product_right_infobox p.product_right50 span.text_w92 {
  width: calc(100% - 92px);
  display: inline-block;
  font-size: 14.5px;
}
.h46 {
  min-height: 46px;
}
.bl-info__details .bl_content {
  min-height: 55px;
  border-radius: 8px;
  width: 35%;
  align-content: center;
  padding: 0 15px;
}
.missfeeding-options {
  align-items: start;
}
.missfeeding-options .bl_content {
  min-height: 55px;
  border-radius: 8px;
  width: 50%;
  align-content: center;
  padding: 0 15px;
}
.guide-post__detail {
  align-items: start;
}
.guide_text {
  min-height: 55px;
  border-radius: 8px;
  width: 20%;
  align-content: center;
  padding: 0 15px;
}
.bolt_text {
  min-height: 55px;
  border-radius: 8px;
  align-content: center;
  padding: 0 15px;
}
.limit-block-info .dh_text,
.mold-lifting-info .dh_text {
  width: 172px;
  min-height: 55px;
  border-radius: 8px;
  align-content: center;
  padding: 0 15px;
}
.design_text {
  width: 100%;
  min-height: 55px;
  border-radius: 8px;
  align-content: center;
  padding: 0 15px;
}
.check_showbox span.lot_text {
  width: calc(100% - 90px);
  display: inline-block;
  min-height: 55px;
  border-radius: 8px;
  align-content: center;
  padding: 0 15px;
}
.detail_file_wrap .file_textbox .file_text {
  width: 100% !important;
  min-height: 55px;
  border-radius: 8px;
  align-content: center;
  padding: 0 15px;
}
.file_bottom_list.file_info_list p span {
  width: 100%;
}
.info_linebox .cvt_text {
  min-height: 55px;
  border-radius: 8px;
  align-content: center;
  padding: 0 15px;
  width: calc(100% - 70px) !important;
  flex-basis: calc(100% - 70px) !important;
  margin-left: 15px;
}
.process-info__modal-trigger.text_content_can {
  padding: 10px;
}
.explain_content {
  min-height: 45px;
  border-radius: 8px;
  align-content: center;
  padding: 0 15px;
  width: calc(50% - 10px);
}
.process_text_line .sup_file_info {
  width: 50%;
  flex: none;
  max-width: none;
}
.up-file_list {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}
.up-file_list li {
  width: 23.5%;
  margin-bottom: 10px;
  background: #fafafa;
  border: 1px solid #bbb;
  border-radius: 5px;
  height: 45px;
  align-content: center;
  padding: 0 15px;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/*회원가입*/
.form_bg_gray {
  background: #f1f3f5;
  margin: 0 auto;
  padding: 80px 0 120px;
}
.register_wrap {
  width: 800px;
  margin: 0 auto;
}
.register_wrap .form_title {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
}
.register_wrap #white_box {
  margin: 30px 0;
  background: #fff;
  padding: 30px 23px;
  border-radius: 20px;
}
.register_wrap #white_box > h3 {
  font-size: 22px;
  font-weight: 700;
  position: relative;
  padding-bottom: 17px;
  border-bottom: 1px dashed #ccc;
  margin-bottom: 30px;
}
.register_wrap #white_box > h3.add_top {
  position: relative;
  margin-top: 40px;
}
.register_wrap #white_box > h3.add_top .add_del_title {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 13px;
  color: #999;
  border: 0;
  height: 26px;
  background: transparent;
}
.register_wrap #white_box > h3.add_top .add_del_title img {
  width: 18px;
  height: auto;
  vertical-align: -5px;
  margin-right: 3px;
  opacity: 0.7;
}
.register_wrap #white_box > h3 span {
  position: absolute;
  right: 0;
  top: 6px;
  color: #ec1c24;
  font-size: 12px;
  font-weight: 500;
}
.in_white {
  margin-top: 18px;
  display: flex;
}
.in_white label {
  width: 130px;
  flex-basis: 130px;
  font-size: 14px;
  font-weight: 500;
  padding-top: 11px;
}
.required-mark::before {
  content: "*";
  color: red;
  margin-right: 2px;
}
.white_box_right {
  width: calc(100% - 130px);
  flex-basis: calc(100% - 130px);
  position: relative;
}
.white_box_right input {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 8px;
  height: 40px;
  padding: 0 15px;
  font-size: 13px;
}
.white_box_right.pw_box input {
  padding: 0 40px 0 15px;
}
.white_box_right input::placeholder {
  color: #666;
}
.red_text {
  display: block;
  margin-top: 11px;
  color: #ec1c24;
  font-size: 13px;
  font-weight: 300;
}
.pv-icon {
  position: absolute;
  right: 20px;
  cursor: pointer;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  width: 16px;
  height: 40px;
}
.white_box_right.right_btn_box input {
  width: calc(100% - 100px);
  vertical-align: top;
}
.white_box_right.right_btn_box button {
  width: 90px;
  margin-left: 6px;
  border: 1px solid #ec1c24;
  color: #ec1c24;
  background: #fff;
  height: 40px;
  border-radius: 8px;
  font-size: 13px;
  vertical-align: top;
}

.white_box_right select::-ms-expand {
  display: none; /*for IE10,11*/
}
.white_box_right select {
  -webkit-appearance: none; /* for chrome */
  -moz-appearance: none; /*for firefox*/
  appearance: none;
  background: url(../../../../img/sel2.png) no-repeat center right 12px;
  background-size: 10px auto;
  width: 56%;
  padding: 0 15px;
  height: 40px;
  border-radius: 8px;
  border: 1px solid #ddd;
  font-size: 13px;
  color: #666;
  margin-bottom: 10px;
  line-height: 40px;
}
.white_box_right.input_small_box input {
  width: 56%;
}
.white_box_right.input_small_box2 input {
  width: 30%;
}
.white_box_right input.addr_second {
  margin: 10px 0;
  width: 100%;
}
.white_box_right input.addr_last {
  width: 49%;
}
.white_box_right input.addr_last.the_last {
  float: right;
}
.white_box_right:after {
  clear: both;
  content: "";
  display: block;
}
.detail_part_right > * {
  width: 32% !important;
  float: left;
  margin-right: 2%;
}
.detail_part_right > *:nth-child(3) {
  margin-right: 0;
}
.white_box_right .add_part_btn {
  width: 100%;
  display: block;
  height: 40px;
  border-radius: 8px;
  border: 1px dashed #ccc;
  background: #fff;
  font-size: 17px;
  color: #777;
}
.detail_part_right:after {
  clear: both;
  content: "";
  display: block;
}
.detail_part_right {
  position: relative;
}
.detail_part_right .delete_addline {
  position: absolute;
  right: -20px;
  top: 0;
  height: 40px;
  width: 18px !important;
  display: block;
  margin-right: 0;
  border: 0;
  background: transparent;
}
.detail_part_right .delete_addline img {
  width: 18px;
  height: auto;
  opacity: 0.7;
}

/*파트너 회원가입 서비스 제공정보*/
.right_sel2 {
  display: flex;
  gap: 2%;
  flex-wrap: wrap;
  position: relative;
}
.right_sel2 select {
  width: 49%;
  flex-basis: 49%;
}
.right_sel2 .sel_del_button {
  position: absolute;
  top: 0;
  right: -18px;
  width: 16px;
  border: 0;
  background: transparent;
  height: 40px;
}
.right_sel2 .sel_del_button img {
  width: 16px;
  height: auto;
  opacity: 0.7;
}
.add_sel2 {
  width: 100%;
  display: block;
  height: 40px;
  border: 1px dashed #ccc;
  border-radius: 8px;
  text-align: center;
  font-size: 16px;
  background: #fff;
  color: #666;
}

/*서비스 제공정보 가공 부품 재료 수정 250416*/
.detail_part_right_2 p {
  display: flex;
  gap: 2%;
}
.detail_part_right_2 p > * {
  flex: 1;
  margin-bottom: 0;
}

/*공급사 회원가입 공급사 주요 정보*/
.detail_cer_right {
  display: flex;
  gap: 2%;
  flex-wrap: wrap;
}
.detail_cer_right p {
  width: 32%;
  flex-basis: 32%;
  display: flex;
  gap: 2%;
  flex-wrap: wrap;
  position: relative;
}
.detail_cer_right p select {
  width: 58%;
  font-size: 11px;
  line-height: 38px;
  padding: 0 10px;
}
.detail_cer_right p input {
  width: 36%;
  padding: 0 5px;
  font-size: 10px;
}
.detail_cer_right p .delete_addline2 {
  width: 7%;
  border: 0;
  background: transparent;
  text-align: left;
  height: 40px;
  position: absolute;
  right: -8px;
  top: 0;
}
.detail_cer_right p .delete_addline2 img {
  width: 16px;
  height: auto;
  opacity: 0.7;
}
.detail_cer_right .cer_addbtn {
  width: 32%;
  border: 1px dashed #ccc;
  color: #666;
  font-size: 16px;
  background: #fff;
  height: 40px;
  border-radius: 8px;
  flex-basis: 32%;
}
.tech_right {
  display: flex;
  gap: 2%;
  flex-wrap: wrap;
}
.tech_right p,
.tech_right > button {
  width: 32%;
  flex-basis: 32%;
  gap: 2%;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 10px;
}
.tech_right p input {
  width: 46%;
  padding: 0 10px;
  font-size: 12px;
  margin-right: 2%;
  vertical-align: top;
}
.tech_right p .delete_addline2 {
  border: 0;
  background: transparent;
  width: 16px;
  height: 40px;
  position: absolute;
  right: -10px;
  top: 0;
}
.tech_right p .delete_addline2 img {
  width: 16px;
  height: auto;
  opacity: 0.7;
}
.tech_right > button {
  border: 1px dashed #ccc;
  border-radius: 8px;
  color: #666;
  font-size: 16px;
  background: #fff;
  height: 40px;
}
.provider_right {
  display: flex;
  flex-wrap: wrap;
  gap: 3.125%;
}
.provider_right p {
  position: relative;
  margin-bottom: 10px;
}
.provider_right > * {
  width: 17.5%;
  flex-basis: 17.5%;
}
.provider_right p .delete_addline2 {
  border: 0;
  background: transparent;
  width: 16px;
  height: 40px;
  position: absolute;
  right: -17px;
  top: 0;
}
.provider_right p select {
  width: 100%;
  padding: 0 7px;
  font-size: 12px;
}
.provider_right p .delete_addline2 img {
  width: 16px;
  height: auto;
  opacity: 0.7;
}
.provider_right button {
  border: 1px dashed #ccc;
  color: #666;
  background: #fff;
  border-radius: 8px;
  height: 40px;
}

/*공급사 회원가입 개발 이력*/
.right_input2 {
  display: flex;
  gap: 2%;
  flex-wrap: wrap;
}
.right_input2 input {
  width: 49%;
  flex-basis: 49%;
}
#white_box .top_line {
  border-top: 1px dashed #ccc;
  margin-top: 20px;
}
.add_devel_btn,
.add_equip_btn,
.add_equip2_btn {
  display: block;
  border: 1px dashed #ccc;
  width: 100%;
  height: 40px;
  border-radius: 8px;
  background: #fff;
  background: #fff;
  margin-top: 20px;
  font-size: 16px;
  color: #666;
}

/*공급사 기본평가서*/
@media print {
  * {
    -webkit-print-color-adjust: exact;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  header,
  footer,
  .adm-headline,
  .admin-wrap,
  #ft,
  #hd {
    display: none !important;
  }

  body {
    background: white;
    font-size: 12pt;
    width: 100%;
  }

  .container {
    width: 100%;
    margin: 0;
  }

  .company-header,
  .company-info,
  .development-history {
    page-break-inside: avoid;
  }

  .company-content-wrap {
    page-break-after: always;
    height: auto;
    page-break-inside: avoid;
  }
  .company-name input {
    display: none;
  }

  @page {
    size: A4;
    margin: 0;
  }
}

.display_none_im {
  display: none !important;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

/* 헤더 버튼 패딩 예외 처리 */
.navbar-menu-buttons a.btn_login,
.navbar-menu-buttons a.btn_get_started {
  padding: 14px 20px !important;
  box-sizing: content-box !important;
}

body {
  font-family: "Pretendard";
}

ul,
li {
  text-decoration: none;
  list-style: none;
}
html {
  position: relative;
}
.development-history {
  display: flex;
  flex-direction: column;
}
.model {
  flex-basis: 20%;
  width: 20%;
  font-weight: bold;
  padding-left: 20px;
  font-size: 16px;
  color: #333;
}
.content,
.details {
  flex-basis: 38%;
  width: 38%;
}
.content {
  margin-left: 15px;
}
.details {
  margin-left: 15px;
}
.content h3,
.details h3 {
  margin-top: 0;
  font-size: 14px;
  color: #333;
  margin-bottom: 5px;
}
.content p,
.details p {
  font-size: 14px;
  color: #666;
}
.no-data {
  text-align: center;
  color: #888;
}
.company-header {
  background: #333;
  padding: 20px 40px;
}
.company_top_line {
  margin-bottom: 10px;
  position: relative;
}
.company_top_line img {
  width: 106px;
  height: auto;
}
.company_top_line:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  content: "";
  height: 1px;
  right: 0;
  width: calc(100% - 150px);
  background: #fff;
}
.com_header_info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.company-header-left {
  width: 110px;
  flex-basis: 110px;
}
.member-photo {
  border-radius: 50%;
  border: 1px solid #ddd;
  width: 90px;
  height: 90px;
  background: #fff;
}
.member-photo img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  object-fit: contain;
}
.company-header-right {
  width: calc(100% - 150px);
  flex-basis: calc(100% - 150px);
  color: #fff;
}

.company-name {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.company-name .isoimg {
  width: 54px;
  height: auto;
}
.company-name p {
  width: calc(100% - 118px);
  flex-basis: calc(100% - 118px);
  margin-top: 7px;
}
.company-name input {
  padding: 0 15px 0 35px;
  height: 34px;
  display: block;
  border: 0;
  background: url(../../../img/print_image.png) #fff no-repeat center left 15px;
  background-size: 16px auto;
  cursor: pointer;
}
.company-info {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}
.company-info > div {
  width: 50%;
  flex-basis: 50%;
  font-size: 0.8em;
  font-weight: 300;
}
.company-info > div:last-child {
  border-left: 1px solid #6a6a6a;
  padding-left: 6%;
  width: 50%;
  flex-basis: 50%;
  position: relative;
}
.company-info-content {
  margin-bottom: 7px;
  display: flex;
  justify-content: space-between;
  padding-right: 15px;
}
.company-info-left .company-info-content label:first-child {
  width: 80px;
  display: inline-block;
  flex-basis: 80px;
  font-weight: 500;
}
.company-info-left .company-info-content label:last-child {
  width: calc(100% - 80px);
  display: inline-block;
  flex-basis: calc(100% - 80px);
}
.company-info-right .company-info-content label:first-child {
  width: 120px;
  display: inline-block;
  flex-basis: 120px;
  font-weight: 500;
}
.company-info-right .company-info-content label:last-child {
  width: calc(100% - 120px);
  display: inline-block;
  flex-basis: calc(100% - 120px);
}
.company-content-wrap {
  padding: 0 0 30px;
}
.company-content-major {
  margin-top: 30px;
}
.company-content {
  padding: 25px 40px;
  position: relative;
}
.company-content h2 {
  font-size: 18px;
  color: #333;
  font-weight: bold;
  /* border-bottom: 1.5px solid #777; */
  padding-bottom: 15px;
}
.company-content h2::before {
  content: "";
  width: 16px;
  height: 2px;
  background-color: #333;
  display: block;
  margin-bottom: 6px;
}
.content_img_box {
  justify-content: space-between;
  width: 65%;
  margin-top: 5px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.content_img_box img {
  width: 100%;
}
.company-content img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.company-content ul {
  margin-top: 0;
  display: flex;
  flex-wrap: wrap;
  border-radius: 0;
  border-bottom: 1px solid #ccc;
}
.company-content ul li {
  margin: 0;
  font-size: 13px;
  display: flex;
  height: 60px;
  justify-content: center;
  align-items: center;
  font-style: normal;
}
.company-content-70 {
  width: 70%;
  padding-right: 20px;
  float: left;
}
.company-content-70 ul li {
  flex-basis: auto;
  width: auto;
  flex: 1;
}
.company-content-30 {
  width: 25%;
  float: right;
}
.company-content-30 ul li {
  width: 100%;
  flex-basis: 100%;
}
.company-content:after {
  clear: both;
  content: "";
  display: block;
}
.company-content table {
  width: 100%;
  border-spacing: 0;
  border-top: 2px solid #333;
}
.company-content table th {
  background: #f9f9f9;
  padding: 12px 0;
  border-bottom: 1px solid #666;
  font-weight: 500;
}

.company-content table td,
.company-content table th {
  text-align: center;
  font-size: 12px;
}
.company-content table td {
  font-weight: 400;
  padding: 13px 5px;
  border-bottom: 1px solid #ddd;
}
.company-content-50 {
  width: 48%;
  flex-basis: 48%;
  float: left;
}
.company-content .company-content-50:last-child {
  float: right;
}
.page_footer {
  position: static;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 13px 30px;
  color: #fff;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background: #333;
  font-size: 12px;
}
.tech-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}
.tech-list li {
  flex: 0 1 calc(20% - 10px);
  /* 각 li가 전체 가로의 20% 차지 (5개씩 한 줄) */
  box-sizing: border-box;
  margin: 5px;
  /* 각 li 사이의 간격 */
  text-align: center;
}
.empty-item {
  width: 100%;
  text-align: center;
  color: #777;
}
.item-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}
.item-list li {
  flex: calc(100% - 160px);
  flex-basis: calc(100% - 160px);
  box-sizing: border-box;
  margin: 5px;
  text-align: center;
  min-height: 60px;
  height: auto !important;
}
.item-list li.item_cont {
  flex-wrap: wrap;
  justify-content: start;
}
.item-list li.item_cont span {
  width: 20%;
  flex-basis: 20%;
  height: 60px;
  align-content: center;
  overflow: hidden;
  padding: 5px;
}
.empty-item {
  width: 100%;
  text-align: center;
  color: #777;
}
.content_img_box.organization-info {
  height: auto;
  display: flex;
}
.content_img_box.organization-info img {
  width: 100%;
  height: auto;
  max-height: 300px;
  object-fit: contain;
}
.company-content-major .company-content {
  padding: 0 40px;
}
.company-content-major .company-content:first-child ul {
  border-top: 2px solid #333;
}
.item-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}
.item-list li {
  box-sizing: border-box;
  margin: 5px;
  text-align: center;
}
.item-list .subtitle {
  border: 0;
  background: #f5f5f5;
  font-weight: 600;
  text-align: center;
  border-radius: 2px;
  padding: 10px;
  flex-basis: 160px;
  width: 160px;
}
.development-title {
  margin: 20px 0 17px;
  font-weight: bold;
  font-size: 14px;
  color: #333;
}
.development-title,
.development-item {
  display: flex;
  flex-wrap: wrap;
}
.development-title p,
.development-item p {
  width: 12%;
  text-align: center;
  padding: 0 5px;
  line-height: 1.3;
}
.development-title p:nth-child(2),
.development-item p:nth-child(2) {
  width: 16%;
}
.development-title p:nth-child(3),
.development-item p:nth-child(3) {
  width: 16%;
}
.development-title p:nth-child(7),
.development-item p:nth-child(7) {
  width: 14%;
}
.development-title p:nth-child(6),
.development-item p:nth-child(6) {
  width: 18%;
}
.development-item {
  border: 1px solid #ddd;
  border-radius: 10px;
  height: 100px;
}
.development-item p {
  height: 100px;
  align-content: center;
  font-size: 14px;
  font-weight: 400;
  color: #666;
}
.development-item .item_pro_img img {
  width: 40px;
  height: 30px;
  border: 1px solid #666;
  border-radius: 5px;
  object-fit: contain;
}
.company-info-content.grade_box {
  position: absolute;
  top: -77px;
  left: auto;
  align-items: center;
}
.company-info-right .company-info-content.grade_box label {
  color: #ec1c24;
  font-size: 42px;
  font-weight: bold;
  vertical-align: top;
  width: calc(100% - 100px);
  flex-basis: calc(100% - 100px);
}
.company-info-right .company-info-content.grade_box label:first-child {
  font-size: 21px;
  font-weight: bold;
  color: #fff;
  width: 100px;
  flex-basis: 100px;
}

/*결제정보 - 발주사*/
.info_title {
  text-align: center;
  padding: 80px 0 30px;
  font-weight: bold;
}
.info_title span {
  display: inline-block;
  padding-right: 5px;
  color: #ec1c24;
}
.payinfo_wrap {
  border: 1px solid #ddd;
  padding: 30px;
  border-radius: 10px;
}
.number_top label {
  display: block;
  font-size: 13px;
  font-weight: 500;
  padding-bottom: 7px;
}
.number_top span {
  display: inline-block;
  width: 156px;
  height: 30px;
  border: 1px solid #d5d5d5;
  background: #f1f1f1;
  line-height: 30px;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  color: #4b4b4d;
}
.table_top_search {
  margin-top: 70px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.table_top_search p {
  width: 370px;
  height: 36px;
  align-content: center;
}
.table_top_search p input {
  height: 100%;
  width: 300px;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 400;
  vertical-align: top;
}
.table_top_search p button {
  padding: 0 15px;
  height: 36px;
  border-radius: 5px;
  border: 0;
  background: #333;
  color: #fff;
  font-size: 14px;
  vertical-align: top;
}
.right_btnbox {
  text-align: right;
}
.right_btnbox a {
  border: 1px solid #333;
  border-radius: 3px;
  color: #393939;
  font-weight: 400;
  display: inline-block;
  height: 36px;
  padding: 0 12px;
  line-height: 34px;
  font-size: 14px;
  margin-left: 5px;
}
.pay_ul_wrap {
  margin: 20px 0 0;
}
.pay_ul_wrap ul {
  border-top: 2px solid #000;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.pay_ul_wrap .pay_item_title {
  background: #f5f5f5;
  padding: 12px 3px 11px;
}
.pay_ul_wrap li {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #ccc;
}
.pay_ul_wrap .pay_item_title span {
  width: 11.11%;
  flex-basis: 11.11%;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
}
.pay_ul_wrap li .pay_item_box {
  width: 11.11%;
  flex-basis: 11.11%;
  text-align: center;
  border-right: 1px solid #ccc;
  padding: 15px 10px;
}
.pay_ul_wrap li .pay_item_box img {
  display: block;
  width: 100%;
  height: 74px;
  border: 1px solid #ddd;
  border-radius: 5px;
  object-fit: contain;
  margin-bottom: 8px;
}
.pay_ul_wrap li .pay_item_box p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 3px;
}
.pay_ul_wrap li .pay_item_box p label {
  width: 19px;
  flex-basis: 19px;
  font-size: 7.5px;
  font-weight: 600;
  text-align: left;
}
.pay_ul_wrap li .pay_item_box p span {
  width: calc(100% - 19px);
  padding-left: 2px;
  font-size: 7.5px;
  font-weight: 400;
  text-align: right;
  color: #666;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.pay_ul_wrap li .pay_item_right {
  width: calc(100% - 11.11%);
}
.pay_item_right .right_line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-top: 1px solid #ccc;
}
.pay_item_right .right_line:first-child {
  border-top: 0;
}
.pay_item_right .right_line span {
  width: 12.5%;
  text-align: center;
  padding: 12px 3px 11px;
  color: #333;
  font-weight: 400;
  font-size: 14px;
  line-height: normal;
}
.pay_item_right .right_line span .state_pay {
  padding: 7px 13px;
  font-size: 12px;
  font-weight: 400;
  border-radius: 5px;
  margin: 0 2px;
}
.pay_item_right .right_line span .state_pay.end {
  background: #e6f9ed;
  color: #008000;
}
.pay_item_right .right_line span .state_pay.wait {
  background: #fff4e5;
  color: #e67e22;
}
.pay_item_right .right_line span .state_pay.delay {
  background: #fdecec;
  color: #d8000c;
}
.pay_item_right .right_line span .bill_go {
  border: 0;
  background: #555;
  color: #fff;
  border-radius: 3px;
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 600;
}
.pay_item_right .right_line span .upload,
.pay_item_right .right_line span .confirm {
  display: inline-block;
  padding: 7px 8px;
  background: #555;
  color: #fff;
  border-radius: 3px;
  border: 0;
  font-weight: 600;
  font-size: 12px;
  margin: 0 1px;
}
.pay_item_right .right_line span .confirm {
  background: #fff;
  border: 1px solid #555;
  color: #555;
}
.pay_item_right .right_line span .state_pay.request {
  background: #555555;
  color: #fff;
}
.provider .pay_ul_wrap .pay_item_title span {
  width: 11%;
  flex-basis: 11%;
}
.provider .pay_ul_wrap .pay_item_title span.big {
  width: 12%;
  flex-basis: 12%;
}
.provider .pay_item_right .right_line span {
  width: 12.35%;
}
.provider .pay_item_right .right_line span.big {
  width: 13.5%;
  font-size: 0;
}
.pay_end_text {
  font-size: 14px;
  font-weight: 400;
  color: #bdbdbd;
  padding: 8px 0 0;
}
.account_wrap {
  margin: 80px 0 40px;
}
.account_wrap h4 {
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  position: relative;
  padding-bottom: 15px;
  border-bottom: 2px solid #111;
}
.account_wrap h4 .acc_btnbox {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: 34px;
}
.account_wrap h4 .acc_btnbox a {
  height: 34px;
  border: 1px solid #333;
  line-height: 32px;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 400;
  color: #393939;
  display: inline-block;
  border-radius: 3px;
  vertical-align: top;
}
.account_wrap h4 .acc_btnbox a img {
  width: 17px;
  height: auto;
  margin-right: 5px;
  vertical-align: -4px;
}
.account_wrap h4 .acc_btnbox button {
  height: 34px;
  border: 0;
  padding: 0 16px;
  background: #333;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  display: inline-block;
  border-radius: 3px;
  vertical-align: top;
}
.acc_img {
  display: flex;
  gap: 25px;
  justify-content: center;
  align-items: start;
  margin-top: 30px;
}
.acc_img img {
  width: 512px;
  height: auto;
  display: inline-block;
}
.acc_img img:last-child {
  width: 404px;
  height: auto;
}

.back_page {
  display: block;
  margin: 0 auto;
  width: 180px;
  height: 48px;
  background: #dedede;
  color: #555555;
  font-size: 17px;
  font-weight: 400;
  border-radius: 5px;
  text-align: center;
  margin-bottom: 100px;
  line-height: 48px;
}
.pay_deposit_upload_input {
}

/*견적의뢰 상세현황*/
.page_title .before_red {
  color: #ec1c24;
  margin-right: 16px;
}
.request_box {
  padding: 30px 0;
}
.re_flex {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
}
.re_info_left {
  width: 200px;
  flex-basis: 200px;
}
.re_info_right {
  width: calc(100% - 200px);
  flex-basis: calc(100% - 200px);
  padding-left: 80px;
}
.re_info_left p {
  margin-bottom: 20px;
}
.re_info_left label {
  display: block;
  font-size: 14px;
  color: #333;
  font-weight: 500;
  margin-bottom: 8px;
}
.re_info_left span {
  display: block;
  font-size: 14px;
  border: 1px solid #ccc;
  background: #f5f5f5;
  text-align: center;
  height: 40px;
  line-height: 40px;
  color: #666;
}
.re_info_right ul {
  padding: 20px 35px;
  border: 1px solid #ccc;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
}
.re_info_right ul li {
  width: 60%;
  font-size: 14px;
  margin: 4px 0;
}
.re_info_right ul li:nth-child(even) {
  width: 40%;
}
.re_info_right ul li label {
  width: 150px;
  font-size: 14px;
  font-weight: 500;
  color: #555;
}
.re_info_right ul li span {
  width: calc(100% - 150px);
  font-weight: 600;
}
.re_info_right ul li span.red {
  color: #ec1c24;
}
.request_box h4 {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  padding-bottom: 10px;
  border-bottom: 1px solid #333;
  margin-bottom: 50px;
}
.down_title {
  background: #f9f9f9;
  padding: 25px 30px;
  border-radius: 13px;
  font-size: 20px;
  font-weight: 700;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.down_title img {
  width: 34px;
  padding: 5px;
}
.down_title .redbox {
  position: absolute;
  right: 100px;
  top: 50%;
  transform: translateY(-50%);
  height: 30px;
  background: #fc4652;
  color: #fff;
  font-size: 14px;
  line-height: 30px;
  padding: 0 8px;
  border-radius: 3px;
  font-weight: 500;
}
.down_slide .slide_in {
  margin: 20px 0;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 17px;
  display: flex;
  flex-wrap: wrap;
  align-items: start;
}
.down_slide .slide_in .in_info_left {
  width: 150px;
  margin-right: 30px;
}
.down_slide .slide_in .in_info_left img {
  width: 100%;
  height: 110px;
  object-fit: contain;
  display: block;
  border: 1px solid #ddd;
  border-radius: 8px;
  margin-bottom: 16px;
}
.down_slide .slide_in .in_info_left > p {
  margin: 7px 0;
  font-size: 11px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.down_slide .slide_in .in_info_left > p label {
  font-size: 11px;
  width: 28px;
}
.down_slide .slide_in .in_info_left > p span {
  width: calc(100% - 28px);
  text-align: right;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.down_slide .slide_in .in_info_left button {
  border-radius: 13px;
  background: #f4f4f4;
  color: #555;
  font-size: 13px;
  display: block;
  width: 100%;
  height: 30px;
  border: 0;
  margin-top: 20px;
}
.down_slide .slide_in .in_info_left button.wait {
  background: #aaaaaa;
  color: #fff;
}
.down_slide .slide_in .in_list_right {
  width: calc(100% - 180px);
}
.info2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: start;
}
.info2 .info2_left {
  width: calc(100% - 125px);
  font-size: 0;
}
.info2 .info2_left p {
  height: 32px;
  border-radius: 5px;
  background: #f9f9f9;
  padding: 0 10px;
  align-content: center;
  display: inline-block;
  margin-right: 10px;
  font-size: 12.5px;
  margin-bottom: 8px;
}
.info2 .info2_left p label {
  font-size: 12.5px;
  font-weight: 600;
  margin-right: 8px;
}
.info2 .info2_left p span {
  color: #666;
}
.info2 > button {
  width: 100px;
  border: 1px solid #ec1c24;
  color: #ec1c24;
  background: #fff;
  border-radius: 5px;
  height: 32px;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.info2 > button img {
  height: 14px;
  width: auto;
  margin-right: 5px;
  vertical-align: -4px;
}
.in_list_right ul {
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  gap: 2.75%;
}
.in_list_right ul li.not {
  background: #eeeeee;
  border: 0;
}
.in_list_right ul li {
  width: 31.5%;
  border: 1px solid #b4b4b4;
  border-radius: 10px;
  padding: 15px 13px;
  height: 187px;
  position: relative;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
}
.in_list_right ul li h5 {
  font-size: 15px;
  padding-right: 80px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
}
.in_list_right ul li h5 a {
  font-size: 11px;
  color: #777;
  padding: 0 10px;
  border-radius: 15px;
  height: 26px;
  line-height: 26px;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: #f9f9f9;
}
.in_list_right ul li .info_content {
  margin: 23px 0 18px;
}
.in_list_right ul li .info_content p {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 4px 0;
  font-size: 11.5px;
}
.in_list_right ul li .info_content p.empty {
  text-align: center;
  display: block;
  color: #777;
  margin-top: 50px;
}
.in_list_right ul li .info_content p label {
  font-size: 11px;
  font-weight: 500;
  width: 90px;
}
.in_list_right ul li .info_content p span {
  width: calc(100% - 90px);
  text-align: right;
  color: #555;
}
.in_list_right ul li .info_content p span b {
  color: #ec1c24;
  font-size: 14px;
}
.in_list_right ul li .item_btnbox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 4%;
}
.in_list_right ul li .item_btnbox a {
  width: 48%;
  height: 32px;
  border-radius: 8px;
  text-align: center;
  border: 1px solid #ec1c24;
  color: #ec1c24;
  font-size: 12.5px;
  line-height: 30px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.in_list_right ul li .item_btnbox a:last-child {
  border: 0;
  background: rgba(236, 28, 36, 0.05);
}
.in_list_right ul li .item_btnbox a img {
  width: 16px;
  height: auto;
  margin-right: 3px;
  vertical-align: -4px;
}
.in_list_right ul li.not h5 a {
  background: transparent;
}
.in_list_right ul li.not .info_content p * {
  color: #666 !important;
}
.in_list_right ul li.selected {
  border: 1px solid #ec1c24;
  background: #fff;
}
.in_list_right ul li .selected_text {
  position: absolute;
  top: 36px;
  left: 0;
  right: 0;
  font-size: 9px;
  background: #ec1c24;
  height: 15px;
  line-height: 14px;
  color: #fff;
  text-align: center;
}
.contract_go {
  display: block;
  margin-top: 30px;
  border: 1px solid #333;
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  padding: 12px 0;
  color: #333 !important;
}

.est_ing {
  margin: 65px 70px;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding-top: 70px;
}
.top_state {
  text-align: center;
  color: #4caf50;
  font-size: 16px;
  margin-top: -10px;
}
.ing_topinfo {
  padding: 30px 0;
}
.ing_topinfo p {
  width: 156px;
  display: inline-block;
  margin-right: 20px;
}
.ing_topinfo p label {
  display: block;
  color: #4b4b4d;
  font-weight: 500;
  font-size: 14px;
}
.ing_topinfo p span {
  background: #f1f1f1;
  border: 1px solid #d5d5d5;
  font-size: 13.5px;
  height: 30px;
  display: block;
  text-align: center;
  line-height: 28px;
  color: #555;
  margin-top: 7px;
}
.ing_searchbox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.ing_searchbox > span {
  width: 100px;
  font-size: 13px;
  color: #777;
}
.ing_searchbox select {
  width: 94px;
  font-size: 14px;
  height: 32px;
  padding: 0 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  -webkit-appearance: none; /* for chrome */
  -moz-appearance: none; /*for firefox*/
  appearance: none;
  background: url(../../../../img/arrow2.png) no-repeat center right 10px;
  background-size: 12px auto;
  color: #555;
}
.ing_searchbox select::-ms-expand {
  display: none; /*for IE10,11*/
}
.ing_searchbox input {
  width: 250px;
  height: 32px;
  border: 0;
  border-radius: 5px;
  padding: 0 15px 0 32px;
  margin: 0 5px;
  background: url(../../../../img/search_g.png) no-repeat #f7f7f7 center left
    10px;
  background-size: 13px auto;
  font-size: 14px;
}
.ing_searchbox input::placeholder {
  color: #999;
  font-weight: 300;
}
.ing_searchbox button {
  width: 50px;
  height: 32px;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #777;
  color: #666;
}
.ing_list ul {
  border-radius: 13px;
  overflow: hidden;
  border: 1px solid #ddd;
  margin-bottom: 25px;
}
.ing_list li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 13px;
  border-bottom: 1px solid #ddd;
  padding: 3px 0;
}
.ing_list ul li:last-child {
  border-bottom: 0;
}
.ing_list li.li_title {
  padding: 13px 0;
  background: #f9fafc;
  font-size: 14px;
  font-weight: 600;
  border-bottom: 0;
}
.ing_list li > span {
  width: 15%;
  text-align: center;
}
.ing_list li > span:first-child {
  width: 10%;
}
.ing_list li > span:last-child {
  width: 12%;
}
.ing_list li > span button.cp_view {
  display: block;
  margin: 5px auto;
  background: #f7f7f7;
  color: #999;
  font-size: 11px;
  padding: 3px 10px;
  border-radius: 13px;
  border: 0;
}
.li_right_text {
  width: 63%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.li_right_text .one_line {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.li_right_text span {
  width: 22%;
  text-align: center;
  padding: 4px;
}
.li_right_text span:first-child {
  width: 34%;
}
.ing_list li span button {
  background: #fef3f4;
  color: #ec1c24;
  font-size: 13px;
  border: 0;
  padding: 4px 16px;
  border-radius: 15px;
}
.li_right_text span img {
  display: block;
  width: 58px;
  height: 40px;
  object-fit: contain;
  margin: 0 auto 2px;
  border: 1px solid #ddd;
}
.li_right_text span .large_view {
  background: #f5f5f5;
  display: inline-block;
  width: 58px;
  padding: 3px 0;
  font-size: 9px;
  color: #999;
  background: url(../../../../img/search_g.png) no-repeat #f7f7f7 center left
    8px;
  background-size: 8px auto;
  padding-left: 10px;
  border-radius: 15px;
}
.ing_list .list_bottom_btn {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.ing_list .list_bottom_btn p a {
  font-size: 14px;
  padding: 8px 30px;
  display: inline-block;
  border: 1px solid #888;
  color: #555;
  border-radius: 11px;
  margin-right: 7px;
}
.ing_list .list_bottom_btn .write_doc {
  padding: 8px 130px;
  color: #ec1c24;
  border: 1px solid #ec1c24;
  font-size: 14px;
  border-radius: 11px;
}
.ing_list.ver2 li > span {
  width: 10%;
}
.ing_list.ver2 li > span:first-child {
  width: 7%;
}
.ing_list.ver2 li span.b_box {
  width: 8%;
}
.ing_list.ver2 .li_right_text {
  width: 59%;
}
.ing_list.ver2 .li_right_text span {
  width: 20%;
}
.ing_list.ver2 .li_right_text span:first-child {
  width: 40%;
}
.ing_list.ver2 .list_bottom_btn {
  display: block;
  text-align: right;
}
.ing_list.ver2 .list_bottom_btn .list_btn_confirm {
  font-size: 14px;
  padding: 8px 50px;
  display: inline-block;
  border: 1px solid #888;
  color: #555;
  border-radius: 11px;
}

/*계약서 작성*/
.agree_imgbox {
  padding: 30px;
  border: 1px solid #aaa;
  border-radius: 10px;
  margin-top: 50px;
}
.agree_imgbox .doc_img_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 4%;
  margin-bottom: 25px;
}
.agree_imgbox .doc_img_wrap img {
  width: 48%;
  border-radius: 5px;
  border: 1px solid #ddd;
}
.agree_imgbox > button {
  float: right;
  display: block;
  width: 60px;
  height: 36px;
  border: 1px solid #aaa;
  color: #888;
  font-size: 14px;
  background: #fff;
  border-radius: 8px;
}
.agree_imgbox > button.active {
  background: #ec1c24;
  color: #fff;
  border: 0;
}
.agree_imgbox:after {
  clear: both;
  content: "";
  display: block;
}
.agree_paging {
  display: flex;
  flex-wrap: wrap;
  justify-content: right;
  margin-top: 25px;
  align-items: center;
}
.agree_paging .swiper-pagination {
  position: initial;
  width: auto;
  color: #777;
  font-size: 13px;
  margin-right: 12px;
}
.agree_paging button {
  position: initial;
  display: inline-block;
  border: 0;
  background: transparent;
  color: #555;
  height: auto;
  width: auto;
  font-size: 16px;
  margin-left: 12px;
}
.content_botton_box {
  margin: 80px 0 0;
  text-align: center;
}
.content_view {
  display: block;
  width: 340px;
  height: 60px;
  margin: 30px auto;
  text-align: center;
  border: 1px solid #ec1c24;
  border-radius: 10px;
  color: #ec1c24;
  font-size: 18px;
  line-height: 58px;
}
.content_botton_box label {
  text-align: left;
  margin-bottom: 22px;
}
.content_botton_box label input {
  display: inline-block;
  vertical-align: top;
  margin-top: 4px;
  margin-right: 5px;
  border: 1px solid #ddd;
  width: 14px;
  height: 14px;
}
.content_botton_box label span {
  display: inline-block;
  vertical-align: top;
  font-size: 17px;
  line-height: 1.4;
}
.content_botton_box p {
  font-size: 17px;
  color: #555;
  line-height: 1.4;
}
.content_botton_box p b {
  color: #000;
  font-size: 21px;
}
.content_last_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  gap: 25px;
}
.content_last_btn a {
  border: 0;
  background: #999;
  color: #fff;
  display: inline-block;
  width: 250px;
  height: 60px;
  border-radius: 8px;
  line-height: 60px;
  font-size: 18px;
  font-weight: 600;
}
.content_last_btn a.edit {
  background: #333;
}
.content_last_btn a.sign_ok {
  background: #ec1c24;
}

/*frame*/
.frame_wrap {
  margin: 70px 0;
}
.frame_wrap ul {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #ddd;
}
.frame_wrap ul li {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #ddd;
  font-size: 12px;
}
.frame_wrap ul li.frame_title {
  background: #f9fafc;
  line-height: 1.3;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  border-top: 0;
}
.frame_wrap ul li > span {
  width: 8%;
  text-align: center;
  padding: 8px 5px;
  border-right: 1px solid #ddd;
  align-content: center;
}
.frame_wrap ul li > span:first-child {
  width: 5%;
}
.frame_wrap ul li .c_info_btn {
  background: #f5f5f5;
  color: #aaaaaa;
  font-size: 9px;
  border: 0;
  height: 22px;
  display: block;
  margin: 2px auto;
  padding: 0 10px;
  border-radius: 12px;
}
.frame_wrap ul li.frame_title span {
  border-right: 0;
}
.frame_right {
  width: 79%;
  display: flex;
  flex-wrap: wrap;
}
.frame_right > span {
  width: 11.11%;
  text-align: center;
  padding: 8px 5px;
  align-content: center;
}
.same_supply {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border-bottom: 1px solid #ddd;
}
.frame_right .same_supply:last-child {
  border-bottom: 0;
}
.same_supply > span {
  width: 11%;
  text-align: center;
  align-content: center;
}
.same_supply > span:first-child {
  border-right: 1px solid #ddd;
}
.frame_line {
  width: 45%;
}
.frame_line p {
  display: flex;
  flex-wrap: wrap;
}
.frame_line span {
  width: 25%;
  text-align: center;
  padding: 8px 5px;
  /* height: 55px; */
  align-content: center;
}
.frame_line span img {
  width: 46px;
  height: 32px;
  object-fit: contain;
  border: 1px solid #eee;
}
.frame_wrap .doc_btn {
  display: inline-block;
  padding: 0 15px;
  border-radius: 6px;
  border: 0;
  background: #ec1c24;
  color: #fff;
  font-size: 12px;
  height: 28px;
}
.frame_wrap .frame_state {
  padding: 0 15px;
  height: 28px;
  line-height: 28px;
  border-radius: 6px;
  border: 0;
  font-size: 12px;
  font-weight: 400;
  display: inline-block;
}
.frame_wrap .frame_state.end {
  background: #e6f9ed;
  color: #008000;
}
.frame_wrap .frame_state.before {
  background: #fff4e5;
  color: #e67e22;
}

/*부가정보 모달*/
.modal_layout .modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal_layout .modal-header {
  text-align: center;
  display: block;
  padding: 10px 45px;
  position: relative;
}
.modal_layout .modal-header h5 {
  font-size: 24px;
  font-weight: 600;
}
.modal_layout .modal-header .btn-close {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  opacity: 1;
  background-size: 18px auto;
  margin: 0;
}
.modal_layout .modal-body {
  margin-top: 40px;
}
.modal_layout .body_top {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  /* gap: 12.5%; */
  padding-bottom: 25px;
  border-bottom: 1px solid #999;
  justify-content: space-evenly;
}
.modal_layout .body_top p {
  width: 20%;
  display: flex;
  justify-content: space-between;
}
.modal_layout .body_top p label {
  width: 133px;
  font-weight: bold;
}
.modal_layout .body_top p span {
  width: calc(100% - 133px);
  text-align: right;
}
.body_list {
  padding-top: 25px;
}
.body_list h6 {
  font-size: 14px;
  padding: 10px 0;
  background: #dddddd;
  border-top: 1px solid #111;
  text-align: center;
}
.body_list table {
  width: 100%;
  table-layout: fixed;
  border-top: 1px solid #111;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.body_list table tbody {
  border-bottom: 1px solid #111;
}
.body_list table td,
.body_list table th {
  text-align: center;
  font-size: 12px;
  padding: 3px;
  border-right: 1px solid #ccc;
  word-break: break-all;
}
.body_list table tr {
  border-bottom: 1px solid #ccc;
}
.body_list table tr:last-child td,
.body_list table tr:last-child th {
  height: 50px;
}
.body_list table tbody tr:last-child {
  border-bottom: 0;
}

/*재견적 요청 사유 모달*/
.again_modal .modal-content {
  width: 400px;
}
.again_modal .modal-header {
  text-align: left;
  padding: 0;
}
.again_modal .modal-header h5 {
  font-size: 17px;
}
.again_modal .modal-body {
  margin-top: 20px;
  padding: 0;
}
.again_modal .modal-body textarea {
  width: 100%;
  border: 1px solid #ccc;
  height: 100px;
  resize: none;
  border-radius: 5px;
  font-size: 14px;
  padding: 10px 12px;
  font-weight: 400;
  outline: none;
}
.again_modal .modal-body .file_drag_box {
  border: 1px dashed #ccc;
  background: #fcfcfc;
  height: 40px;
  border-radius: 5px;
  font-size: 13px;
  text-align: center;
  color: #888;
  line-height: 38px;
  font-weight: 300;
  margin: 10px 0;
}
.again_modal .modal-body .file_drag_box img {
  height: 22px;
  width: auto;
  vertical-align: -6px;
  margin-right: 5px;
}
.again_modal .modal-body .body_file_name {
  height: 40px;
  line-height: 35px;
  border: 1px solid #ccc;
  background: #fafafa;
  margin-top: 10px;
  border-radius: 5px;
  font-size: 13px;
  color: #555;
  padding: 0 15px;
  text-align: left;
  position: relative;
  padding-right: 50px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 300;
}
.again_modal .modal-body .body_file_name button {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  height: 22px;
  padding: 0 4px;
  border-radius: 3px;
  border: 1px solid #aaa;
  background: #fff;
  line-height: normal;
  color: #999;
}
.again_modal .modal-footer {
  padding: 25px 0 0;
}
.again_modal .modal-footer button {
  padding: 7px 16px;
  border-radius: 5px;
  background: #ec1c24;
  border: 0;
  color: #fff;
}
.again_modal .modal-footer button.modal_close_btn {
  background: #fff;
  border: 1px solid #666;
  color: #555;
}

/*생산설비정보*/
.facility_data {
  padding: 20px;
  border: 1px dashed #ccc;
  margin-top: 15px;
  text-align: center;
}
.facility_data_in {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}
.facility_data_in .data_one {
  width: 49%;
  border: 1px solid #aaa;
  border-radius: 5px;
  padding: 13px;
  background: #fff;
  text-align: center;
  margin-bottom: 25px;
}
.facility_data_in .data_one > label {
  font-size: 17px;
  font-weight: bold;
  padding-bottom: 10px;
}
.facility_data_in .data_one > label input {
  width: 14px;
  height: 14px;
  margin-right: 8px;
  vertical-align: -1px;
}
.facility_data_in .data_one .second_line {
  border: 1px solid #ccc;
  padding: 8px;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.facility_data_in .data_one .second_line p {
  width: 48%;
  text-align: center;
  display: flex;
}
.facility_data_in .data_one .second_line p label {
  font-size: 13px;
  font-weight: 600;
  width: 50%;
}
.facility_data_in .data_one .second_line p span {
  font-size: 13px;
  font-weight: 400;
  width: 50%;
  color: #555;
}
.facility_data_in .data_one .third_line {
  margin: 15px 0;
  display: flex;
  flex-wrap: wrap;
}
.facility_data_in .data_one .third_line .third_left {
  width: 30%;
  border-right: 1px solid #111;
  padding: 5px 13px;
  align-content: center;
}
.facility_data_in .data_one .third_line .third_left img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  border: 1px solid #ddd;
  border-radius: 50%;
  margin-bottom: 8px;
}
.facility_data_in .data_one .third_line .third_left p {
  font-size: 12px;
  color: #666;
  line-height: 1.35;
}
.facility_data_in .data_one .third_line .third_right {
  width: 70%;
  padding-left: 15px;
  display: flex;
  flex-wrap: wrap;
  gap: 3%;
}
.facility_data_in .data_one .third_line .third_right > * {
  text-align: left;
  margin-bottom: 7px;
}
.facility_data_in .data_one .third_line .third_right h6 {
  font-size: 14px;
  font-weight: 600;
  line-height: 36px;
}
.facility_data_in .data_one .third_line .third_right > a {
  background: #fafafa;
  border: 1px solid #bbb;
  border-radius: 5px;
  height: 36px;
  line-height: 34px;
  font-size: 11px;
  padding: 0 12px;
  font-weight: 300;
  color: #555;
  display: flex;
  align-items: center;
  gap: 6px;
}

.facility_data_in .data_one .third_line .third_right > a img {
  flex: none;
  width: 16px;
  height: 16px;
}
.facility_data_in .data_one .third_line .third_right > a span {
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.forth_line {
  width: 100%;
  margin: 0;
  border: 1px dashed #333;
  padding: 12px;
  margin-bottom: 20px;
}
.forth_line.head_press_wrap .head_press_title {
  text-align: left;
  font-weight: 400;
  font-size: 13px;
  color: #666;
}

/*공급사 만족도 조사*/
.modal-480 {
  width: 480px;
}
.modal-480 .modal-header {
  border-bottom: 1px solid #ccc;
}
.modal-480 .modal-header h5 {
  font-size: 22px;
}
.modal_layout.examine-modal .modal-body {
  margin-top: 0;
}
.examine-modal .ex_gray {
  font-size: 12px;
  color: #777;
  line-height: 1.5;
}
.examine-modal .ex_contents {
  margin-top: 45px;
}
.examine-modal .ex_contents h3 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 25px;
}
.examine-modal .ex_contents .ex_stars {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.examine-modal .ex_contents .ex_stars span {
  color: #ccc;
  font-size: 60px;
  line-height: normal;
  cursor: pointer;
}
.examine-modal .ex_contents .ex_stars span.on {
  color: #ec1c24;
}
.examine-modal .ex_contents .star_num {
  text-align: center;
  font-size: 18px;
  margin-top: 20px;
  font-weight: 400;
  color: #555;
  font-weight: bold;
}
.examine-modal .ex_contents textarea {
  width: 100%;
  height: 170px;
  border: 1px solid #ddd;
  resize: none;
  border-radius: 5px;
  margin-top: 20px;
  padding: 13px 15px;
  font-size: 14px;
  font-weight: 400;
}
.examine-modal .ex_contents textarea::placeholder {
  font-weight: 300;
  color: #888;
}
.examine-modal .ex_bottom_btn {
  text-align: right;
  margin-top: 20px;
}
.examine-modal .ex_bottom_btn button {
  background: #ec1c24;
  color: #fff;
  border: 0;
  height: 32px;
  width: 60px;
  text-align: center;
  font-size: 15px;
  border-radius: 5px;
  font-weight: 400;
}

/*견적의뢰상세현황 공급사*/
.est_ing2 {
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 25px 30px;
  margin: 60px auto;
}
.est_ing2 .sup_top {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  justify-content: space-between;
}
.est_ing2 .sup_top .ing_topinfo {
  padding: 0;
}
.est_ing2 .sup_top .page_title {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 25px;
  width: calc(100% - 720px);
}
.sup_state {
  width: 106px;
  height: 36px;
  display: inline-block;
  border: 1px solid #ff0000;
  border-radius: 3px;
  font-size: 14px;
  color: #ff0000;
  text-align: center;
  line-height: 34px;
}
.sup_infobox {
  margin-top: 50px;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 20px 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.sup_infobox .info_in_left {
  width: 250px;
  text-align: left;
}
.sup_infobox .info_in_left h3 {
  text-align: left;
  font-size: 0;
}
.sup_infobox .info_in_left h3:last-child {
  margin-bottom: 0;
}
.sup_infobox .info_in_left h3 label {
  width: 142px;
  display: inline-block;
  font-size: 18px;
}
.sup_infobox .info_in_left h3 span {
  color: #ec1c24;
  font-size: 22px;
  font-weight: 700;
  display: inline-block;
  width: calc(100% - 142px);
  padding-left: 7px;
}
.sup_infobox .info_in_right {
  width: calc(100% - 250px);
  padding-left: 50px;
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  gap: 2%;
}
.sup_infobox .info_in_right p {
  width: 28%;
  margin: 5px 0;
  font-size: 0;
  display: flex;
}
.sup_infobox .info_in_right p label {
  font-weight: 600;
  width: 100px;
  font-size: 13px;
  vertical-align: top;
}
.sup_infobox .info_in_right p span {
  font-weight: 400;
  color: #333;
  display: inline-block;
  vertical-align: top;
  padding-left: 5px;
  font-size: 12.5px;
  width: calc(100% - 100px);
}
.sup_infobox .info_in_right p.right_small {
  width: 19%;
}
.sup_product_info {
  margin-top: 50px;
}
.sup_product_info h3 {
  font-size: 16px;
  font-weight: 600;
}
.sup_product_info table {
  border: 1px solid #ddd;
  width: 100%;
  table-layout: fixed;
}
.sup_product_info table th {
  background: #f5f5f5;
}
.sup_product_info table th,
.sup_product_info table td {
  min-width: 7.69%;
  text-align: center;
  font-size: 12.5px;
  padding: 3px;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.sup_product_info table thead tr:first-child th:first-child,
.sup_product_info table tbody tr td:first-child {
  border-left: 0;
}
.sup_product_info table tbody tr:last-child td {
  border-bottom: 0;
}
.sup_product_info table td {
  padding: 5px;
}
.sup_product_info table td img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  border: 1px solid #eee;
}
.sup_product_info table input[type="checkbox"] {
  margin-right: 6px;
}
.sup_product_info table td button {
  background: #fc4652;
  color: #fff;
  padding: 0 12px;
  height: 26px;
  line-height: 26px;
  border: 0;
  border-radius: 15px;
  font-size: 12px;
}
.sup_wrbox {
  margin-bottom: 100px;
}
.sup_wrbox h2 {
  text-align: center;
  font-size: 25px;
  font-weight: 700;
  padding-bottom: 14px;
  border-bottom: 2px solid #111;
  margin-bottom: 25px;
}
.wr_topbox {
  position: relative;
  text-align: center;
  color: #fc4652;
}
.wr_topbox p {
  margin: 0 auto 28px;
  font-size: 15px;
}
.sup_last_btn {
  text-align: center;
  margin-top: 30px;
}
.sup_last_btn a {
  display: inline-block;
  width: 180px;
  height: 48px;
  line-height: 48px;
  background: #dedede;
  color: #555;
  border-radius: 5px;
  margin: 0 4px;
}
.sup_last_btn a.wr_go {
  background: #fc4652;
  color: #fff;
}

@media (max-width: 991px) {
  .form_bg_gray {
    padding: 48px 0 72px;
  }

  .register_wrap {
    width: 100%;
    padding: 0 16px;
  }

  .register_wrap .form_title {
    font-size: 22px;
  }

  .register_wrap #white_box {
    margin: 20px 0;
    padding: 20px 16px;
    border-radius: 14px;
  }

  .in_white {
    display: block;
  }

  .in_white label {
    width: 100%;
    flex-basis: 100%;
    padding-top: 0;
    margin-bottom: 8px;
  }

  .white_box_right {
    width: 100%;
    flex-basis: 100%;
  }

  .white_box_right input {
    height: 44px;
  }

  .white_box_right select,
  .white_box_right.input_small_box input,
  .white_box_right.input_small_box2 input {
    width: 100%;
  }

  .white_box_right.right_btn_box {
    display: flex;
    flex-direction: column;
  }

  .white_box_right.right_btn_box input {
    width: 100%;
  }

  .white_box_right.right_btn_box button {
    width: 100%;
    margin-left: 0;
    margin-top: 8px;
  }

  .white_box_right input.addr_second,
  .white_box_right input.addr_last,
  .white_box_right input.addr_last.the_last {
    width: 100%;
    float: none;
    margin: 10px 0 0 0;
  }

  .detail_part_right > * {
    width: 100% !important;
    margin-right: 0;
    margin-bottom: 8px;
  }
  .detail_part_right .delete_addline {
    right: 0;
    top: 0;
  }

  .right_sel2 select {
    width: 100%;
    flex-basis: 100%;
  }

  .right_sel2 .sel_del_button {
    right: 0;
  }

  .detail_cer_right p,
  .detail_cer_right .cer_addbtn,
  .tech_right p,
  .tech_right > button {
    width: 100%;
    flex-basis: 100%;
  }

  .up-file_list li {
    width: 48%;
  }

  .register_first .user-type-box {
    flex-direction: column !important;
  }

  .register_first .left,
  .register_first .right {
    width: 100% !important;
    padding-top: 48px !important;
  }

  .register_first .left .title .top {
    font-size: 32px !important;
  }

  .register_first .left .title .top::before {
    width: 160px !important;
    top: 46px !important;
  }

  .register_first .left .title .bottom {
    font-size: 22px !important;
    margin-bottom: 32px !important;
  }

  .register_first .right {
    text-align: center !important;
    padding-top: 32px !important;
  }

  .register_first .right .site_logo,
  .register_first .right .site-logo {
    width: 160px !important;
    margin: 0 auto !important;
    display: block !important;
  }

  .register_first .right .subtitle {
    font-size: 16px !important;
    margin-left: 0 !important;
  }

  .register_first .right .signUp-wrap {
    margin: 48px 0 0 0 !important;
    gap: 24px !important;
    width: 100% !important;
    padding: 0 16px !important;
  }

  .register_first .right .signUp-wrap li {
    width: 100% !important;
    max-width: 100% !important;
    height: 56px !important;
    font-size: 16px !important;
  }

  .register_first .right .signUp-wrap img {
    width: 28px !important;
    height: 28px !important;
    margin-right: 12px !important;
    margin-left: 0 !important;
  }

  .register_first .left .title img.left-img {
    width: 100% !important;
    max-width: 420px !important;
    height: auto !important;
    display: block !important;
    margin: 20px auto 0 !important;
    padding: 0 16px 16px !important;
  }

  .register_first .right .signUp-wrap li {
    justify-content: center !important;
  }

  .detail_cer_right p select,
  .detail_cer_right p input {
    width: 100% !important;
    margin-bottom: 10px !important;
    padding: 0 10px !important;
    font-size: 13px !important;
  }
  .page_last_btn{
    flex-direction: column !important;
  }
  .page_last_btn a {
    width: 100%;
  }
  .page_last_btn a:first-child {
    order: 2;
  }

  #pay_info_bank_code,
  #pay_info_bank_account_number {
    flex: 0 0 100% !important;
    width: 100% !important;
  }

  .tech_right p input{
    width: 100% !important;
    margin-bottom: 10px !important;
    padding: 0 10px !important;
    font-size: 13px !important;
  }

  .provider_right > * {
    flex-basis: 100% !important;
  }
}