/* category */
#sellmate_category_select>.category-content>select {
 margin-top: 10px;
 height: 54px;

 font-family: "Pretendard";
 width: 100%;
 transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
 appearance: none;
 -webkit-appearance: none;
 -moz-appearance: none;

 border: 1px solid #bbbbbb;
 border-radius: 8px;
 outline: 0;

 padding: 14px 20px;
 box-sizing: border-box;

 background-image: url(/images/icon/icon_select_down.svg) !important;
 background-repeat: no-repeat;
 background-position: calc(100% - 20px) center;
}

#sellmate_category_select>.category-selected {
 display: flex;
 flex-flow: row wrap;
}

#sellmate_category_select>.category-selected>.span-category {
 border: 1px solid #cccccc;
 border-radius: 17px;
 height: 32px;
 padding: 0 10px 0 16px;
 font-size: 13px;
 line-height: 21px;
 margin-right: 12px;
 display: flex;
 align-items: center;
 justify-content: flex-start;
}

#sellmate_category_select>.category-selected>.span-category>img {
 display: inline-block;
 width: 24px;
 height: 24px;
 margin-left: 8px;
 cursor: pointer;
}

#inquiry_type_select {
 margin-top: 10px;
 height: 54px;
}

#interest_solution_select {
 margin-top: 10px;
 height: 54px;
}

.desktop-error {
 min-width: 10px;
 color: #e30000;
 font-weight: 400;
 display: block;
 height: 26px;
 line-height: 26px;
}

.mobile-error {
 display: none;
}

.quick-section {
 padding: 80px 0px 80px 0px;
 display: flex;
 max-width: 1160px;
 width: 100%;
 justify-content: space-between;
 align-items: flex-start;
 margin: 0 auto;
 font-family: "Pretendard";
 color: #49515c;
}

.quick-section .quick-title {
 display: inline-flex;
 flex-direction: column;
}

.quick-section .quick-title p {
 color: #4299ff;
 font-size: 18px;
 font-weight: 600;
 line-height: 165%;
 margin-bottom: 0;
}

.quick-section .quick-title h1 {
 color: #49515c;
 font-size: 36px;
 font-weight: 800;
 margin: 16px 0 12px;
 line-height: 150%;
}

.quick-section .quick-title span {
 color: #49515c;
 font-size: 20px;
 font-weight: 400;
 line-height: 165%;
}

.quick-section .quick-input-container {
 min-width: 570px;
 max-width: 570px;
}

/* input */

.input-container {
 width: 100%;
 font-size: 14px;
 margin-bottom: 24px;
}

.input-text {
 width: 100%;
 height: auto;
 display: flex;
 justify-content: space-between;
 align-items: center;
}

.input-text>label {
 margin: 0 !important;
 height: 100%;
 font-weight: 700;
}

.input-text>label>.input-label {
 margin: 0;
 color: #49515c;
 font-size: 14px;
}

.input-text>label>.description {
 color: #888888;
 font-weight: 400;
 margin-left: 10px;
}

.labeled-input {
 width: 100%;
 outline: 0;
 cursor: text;
 margin: 10px 0 0;
 padding: 14px 20px;
 border-radius: 8px;
 border: 1px solid #bbbbbb;
}

.input-container>input {
 height: 54px;
}

.quick-section .quick-input-container>.input-container {
 height: 184px;
}

/* textarea */
.quick-section .quick-input-container>.input-container #quick_content {
 padding: 14px 20px;
 resize: none;
 height: 156px;
 border: 1px solid #bbbbbb;
 border-radius: 8px;
}

.quick-section .quick-input-container .quick-input-require>.quick-input-require__inner {
 display: flex;
 gap: 16px;
}

.quick-section .quick-input-container .quick-input-require .input-container {
 position: relative;
}

.quick-section .quick-input-container .quick-input-require .input-container .input-text:not(.mobile-text) {
 padding-left: 14px;
}

.quick-section .quick-input-container .quick-input-require>.input-container .input-text:not(.mobile-text)::before,
.quick-section .quick-input-container .quick-input-require .quick-input-require__inner>.input-container .input-text:not(.mobile-text)::before {
 content: "*";
 font-weight: 700;
 top: 0;
 left: 0;
 position: absolute;
 color: #4299ff;
}

.quick-section .quick-input-container .check-wrapper {
 cursor: pointer;
 display: flex;
 align-items: center;
 margin-bottom: 24px;
 user-select: none;
}

.quick-section .quick-input-container .check-wrapper .check-container {
 display: inline-block;
 margin: 0;
 height: 20px;
}

.chkbox {
 display: none;
}

.checkbox-label,
.chkbox+label {
 display: inline-block;
 width: 20px;
 height: 20px;
 min-width: 20px;
 border: 1px solid #aaaaaa;
 border-radius: 2px;
 cursor: pointer;
 margin: 0;
}

.chkbox:checked+label {
 border: 1px solid #3d92f6;
 background: url(https://www.sellmate.co.kr/images/icon/icon_checkbox.svg) no-repeat center;
 background-color: #3d92f6;
 background-size: 16.67px;
}

.chkbox:disabled+label {
 border: 1px solid #bbbbbb;
 background-color: #f6f6f6;
 background-size: 16.67px;
}

.chkbox+.checkbox-label.checkbox-alt {
 border: none;
 background: url(https://www.sellmate.co.kr/images/icon/icon_check_alt.svg) no-repeat center;
}

.chkbox:checked+.checkbox-label.checkbox-alt {
 border: none;
 background: url(https://www.sellmate.co.kr/images/icon/icon_check_alt_active.svg) no-repeat center;
}

.quick-section .quick-input-container .check-wrapper .check-label {
 display: inline-flex;
 align-items: center;
 line-height: 20px;
 flex-wrap: wrap;
 font-size: 14px;
}

.quick-section .quick-input-container .check-wrapper .check-label .mobile-view {
 margin-left: 4px;
}

.quick-section .quick-input-container .check-wrapper .check-label div {
 color: #222222;
}

.quick-section .quick-input-container .check-wrapper .check-label div a {
 text-decoration: underline;
 color: #222222;
}

.quick-section .quick-input-container .check-wrapper .check-label div strong {
 color: #4299ff;
 font-size: 14px;
 font-weight: 600;
 margin: 0 12px;
}

.quick-section .quick-btn {
 width: 100%;
 height: 58px;
 padding: 16px 20px;
 border-radius: 16px;
 color: white;
 text-align: center;
 font-size: 16px;
 font-weight: 700;
 background-color: #253f60;
 outline: none;
 border: none;
}

.quick-section .quick-btn:disabled {
 background-color: #bec9d7;
}

/* mobile size */
@media screen and (max-width: 1060px) {
 .quick-section {
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-width: 245px;
 }

 .quick-section .quick-title {
  text-align: center;
  margin-bottom: 32px;
 }

 .quick-section .quick-title p {
  font-size: 15px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 0em;
 }

 .quick-section .quick-title h1 {
  margin: 8px 0;
  font-size: 24px;
 }

 .quick-section .quick-title span {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
 }

 .quick-section .quick-input-container {
  width: 100%;
  max-width: 100%;
  min-width: 245px;
 }

 .quick-section .quick-input-container .quick-input-require {
  flex-direction: column;
  gap: 0;
 }

 .quick-section .quick-input-container .quick-input-require .input-container {
  margin-bottom: 16px !important;
 }

 .quick-section .quick-input-container>.input-container .input-text>label>.input-label,
 .quick-section .quick-input-container .quick-input-require .input-container .input-text>label>.input-label {
  font-weight: 600;
 }

 .quick-section .quick-input-container>.input-container {
  height: 267px;
  margin-bottom: 16px;
 }

 .quick-section .quick-input-container>.input-container #quick_content {
  height: 238px;
 }

 .quick-section .quick-input-container .check-wrapper {
  align-items: flex-start;
 }

 .quick-section .quick-input-container .check-wrapper .check-label,
 .quick-section .quick-input-container .check-wrapper .check-label div {
  display: block;
 }

 .quick-section .quick-input-container .check-wrapper .check-label div strong,
 .quick-section .quick-input-container .check-wrapper .check-label div a {
  white-space: nowrap;
  line-height: 21.45px;
 }

 .quick-section .quick-input-container .check-wrapper .check-label div strong {
  margin: 0 4px 0 10px;
 }

 .quick-section .quick-input-container .check-wrapper .check-label .mobile-view {
  line-height: 21.45px;
  display: inline-block;
  margin-left: 10px;
 }

 .mobile-error {
  color: #e30000;
  font-weight: 400;
  font-size: 13px;
  display: block;
  height: 21px;
  line-height: 21px;
  text-align: right;
  margin-top: 6px;
 }

 .desktop-error {
  display: none;
 }
}

.category-selected .span-category {
    background: #fff; /* 흰색 배경 */
    border: 1px solid #cccccc;
    border-radius: 17px;
    height: 32px;
    padding: 0 10px 0 16px;
    font-size: 13px;
    line-height: 21px;
    margin-right: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;    
    color: #333;
    margin-top: 8px;
}
.category-selected .span-category img {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 8px;
    cursor: pointer;
}

/* 모바일에서만 페이지 좌우 여백 20px */
@media (max-width: 768px) {
  .quick-section {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
}