/* C/S 페이지 공통 CSS */
.flex {
   display: flex;
}
.flex_center {
   display: flex;
   justify-content: center;
   align-items: center;
}
.flex_between {
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.flex_start {
   display: flex;
   justify-content: flex-start;
   align-items: center;
}
.ellipsis15 {
   max-width: 150px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}
.ellipsis25 {
   max-width: 250px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}
.cs_wrap {
   width: 100%;
   height: auto;
   display: flex;
   flex-direction: column;
}
.cs_title {
   font-size: 17px;
   margin: 8px 0 8px;
   font-family: 'NaverBD-EB';
}
.cs_list_btn {
   border: 1px solid #999;
   border-radius: 5px;
   color: #666;
   background: #fff;
   font-size: 12px;
   padding: 10px;
   float: right;
   line-height: 0.5;
   margin-right: 0px;
   margin-top: -5px;
}
.cs_descript {
   color: #f40000;
   padding-top: 15px;
   font-size: 13px;
}
.cs_line {
   width: 100%;
   height: 0px;
   border: 1px solid black;
}
.cs_line2 {
   width: 0;
   height: auto;
   border: 1px solid #dddddd;
   margin: 40px 0;
   box-sizing: border-box;
}
.markdown {
   float: right;
   width: 50px;
   height: 25px;
}

.markdown.active {
   transform: rotate(-180deg);
}
.accordion .numb {
   font-size: 14px;
   margin-right: 2%;
   text-align: center;
   color: #01cb5c;
   width: 50px;
   display: inline-block;
}
.cs_first_div {
   width: 100%;
   height: auto;
   margin: 40px 0;
   box-sizing: border-box;
}
.cs_first_div .cs_item {
   width: 100%;
   height: auto;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
.cs_first_div .cs_item_div {
   width: 15.5%;
   height: auto;
   border-radius: 5px;
   background-color: #f7f7f7;
   margin: 14px 0 0;
   border: 0px solid transparent; /* 기본 border 설정 */
   box-sizing: border-box;
}
.cs_first_div input[type='radio'] {
   display: none;
}

.cs_first_div label {
}

.cs_first_div input[type='radio']:hover + label {
   border: 2px solid #11af58;
   color: #11af58;
   background-color: #f6fcf9;
   border-radius: 5px;
   cursor: pointer;
}

.cs_first_div input[type='radio']:checked + label {
   border: 2px solid #01cb5c;
   border-radius: 5px;
   background-color: #f6fcf9;
   color: #11af58;
   box-sizing: border-box;
   cursor: pointer;
}

.cs_first_div .cs_item_div label {
   border: 2px solid #f6fcf9;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   width: 100%;
   height: 100%;
   min-height: 64px;
   padding: 10px 6px;
   box-sizing: border-box;
}
.cs_first_div .cs_item_div .cs_item_name {
   font-size: 17px;
   font-weight: 800;
   text-align: center;
   word-break: keep-all;
   font-family: 'NaverBD-EB';
}
/* 고객 유형 선택(렌탈 라이더 / 일반 구매 고객) 2개짜리 버튼 - 항목이 많은 다른 선택지 그리드보다
   훨씬 눈에 띄어야 해서 별도 클래스로 크기/hover 효과를 키운다. */
.cs_type_select .cs_item_div {
   min-height: 150px;
}
.cs_type_select .cs_item_div label {
   min-height: 150px;
   padding: 20px 10px;
   border: 2px solid #eee;
   transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}
.cs_type_select .cs_item_div label:hover {
   border-color: #01cb5c;
   background-color: #f6fcf9;
   box-shadow: 0 4px 14px rgba(1, 203, 92, .15);
   cursor: pointer;
}
.cs_type_select .cs_item_div .cs_item_name {
   font-size: 22px;
}
.cs_type_select .cs_item_div .cs_descript {
   font-size: 14px;
   padding-top: 10px;
}
.cs_second_div {
   width: 100%;
   height: auto;
   display: none;
   padding-bottom: 20px;
}
.cs_second_div .cs_second_item {
   width: 100%;
   height: auto;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 10px;
   margin: 20px 0 0;
}
.cs_second_div .cs_second_item_div {
   margin: 0;
   font-size: 15px;
   font-weight: 700;
   white-space: nowrap;
}
.cs_second_div .cs_second_item_div p {
   margin: 0;
}
.cs_second_div input[type='radio'] {
   display: none;
}
.cs_second_div input[type='radio'] + label {
   display: flex;
   align-items: center;
   justify-content: center;
   background: #f7f7f8;
   border: 1.5px solid #eaeaea;
   border-radius: 10px;
   padding: 14px 20px;
   text-align: center;
   cursor: pointer;
   flex-shrink: 0;
   color: #333;
   transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}
.cs_second_div input[type='radio']:hover + label {
   background: #f6fcf9;
   border-color: #01cb5c;
   color: #11af58;
}
.cs_second_div input[type='radio']:checked + label {
   background: #01cb5c !important;
   border-color: #01cb5c !important;
   color: white !important;
   font-family: 'NaverBD-EB';
   text-shadow: 0px 1px 2px #11af58;
}
.cs_second_div input[type='radio']:checked + label:hover {
   background: #01cb5c !important;
   border-color: #01cb5c !important;
   color: white !important;
   font-family: 'NaverBD-EB';
   text-shadow: 0px 1px 2px #11af58;
}

.cs_second_info {
   width: 100%;
   height: auto;
   display: none;
   margin-bottom: 100px;
}
.cs_second_info .cs_second_info_div {
   margin: 20px 0;
}
.cs_second_info .cs_second_info_title {
   font-size: 16px;
   margin-bottom: 10px;
}
.cs_second_info .cs_second_info_tit {
   margin-left: 10px;
}
.cs_second_info .cs_second_content {
   margin-left: 10px;
   color: #888;
}
.cs_second_info .cs_second_info_ul {
   width: 100%;
   height: auto;
   display: flex;
   flex-wrap: wrap;
   cursor: pointer;
}
.cs_second_info .cs_second_info_ul :hover {
   background-color: #f6fcf9;
}
.cs_second_info .cs_second_info_ul li:hover img[src$='markdown_gray.svg'] {
   filter: invert(0%) brightness(0%);
   pointer-events: none; /* 클릭 영역을 SVG에만 적용 */
}
.cs_second_info .cs_second_info_ul li {
   width: 100%;
   height: auto;
   padding: 22px 15px 15px 15px;
   border-top: 1px solid #eeeeee;
}
.cs_second_info .cs_second_info_ul li:last-child {
   border-bottom: 1px solid #eeeeee;
}
.cs_second_info .cs_second_info_ul li.active {
   background: #f6fcf9;
}
.cs_second_info .cs_second_info_ul li p {
   font-size: 16px;
}

.cs_third_div {
   width: 100%;
   height: auto;
   display: none;
   padding-bottom: 20px;
}
.cs_third_div .cs_third_item {
   width: 100%;
   height: auto;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 10px;
   margin: 20px 0 0;
}
.cs_third_div .cs_third_item_div {
   margin: 0;
   font-size: 15px;
   font-weight: 700;
   white-space: nowrap;
}
.cs_third_div .cs_third_item_div p {
   margin: 0;
}
.cs_third_div input[type='radio'] {
   display: none;
}
.cs_third_div input[type='radio'] + label {
   display: flex;
   align-items: center;
   justify-content: center;
   background: #f7f7f8;
   border: 1.5px solid #eaeaea;
   border-radius: 10px;
   padding: 14px 20px;
   text-align: center;
   cursor: pointer;
   flex-shrink: 0;
   color: #333;
   transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}
.cs_third_div input[type='radio']:hover + label {
   background: #f6fcf9;
   border-color: #01cb5c;
   color: #11af58;
}
.cs_third_div input[type='radio']:checked + label {
   background: #01cb5c !important;
   border-color: #01cb5c !important;
   color: white !important;
   font-family: 'NaverBD-EB';
   text-shadow: 0px 1px 2px #11af58;
}
.cs_third_div input[type='radio']:checked + label:hover {
   background: #01cb5c !important;
   border-color: #01cb5c !important;
   color: white !important;
   font-family: 'NaverBD-EB';
   text-shadow: 0px 1px 2px #11af58;
}

.cs_third_info {
   width: 100%;
   height: auto;
   display: none;
}
.cs_third_info .cs_third_info_div {
   margin: 20px 0;
}
.cs_third_info .cs_third_info_title {
   font-size: 16px;
   margin-bottom: 10px;
}
.cs_third_info .cs_third_info_tit {
   margin-left: 10px;
}
.cs_third_info .cs_third_content {
   margin-left: 10px;
   color: #888;
}
.cs_third_info .cs_third_info_ul {
   width: 100%;
   height: auto;
   display: flex;
   flex-wrap: wrap;
   cursor: pointer;
}
.cs_third_info .cs_third_info_ul :hover {
   background-color: #f6fcf9;
}
.cs_third_info .cs_third_info_ul li:hover img[src$='markdown_gray.svg'] {
   filter: invert(0%) brightness(0%);
}
.cs_third_info .cs_third_info_ul li {
   width: 100%;
   height: auto;
   padding: 22px 15px 15px 15px;
   border-top: 1px solid #eeeeee;
}
.cs_third_info .cs_third_info_ul li:last-child {
   border-bottom: 1px solid #eeeeee;
}
.cs_third_info .cs_third_info_ul li.active {
   background: #f6fcf9;
}

.cs_third_info .cs_third_info_ul li p {
   font-size: 16px;
}
.cs_info_div {
   width: 100%;
   height: auto;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   padding: 20px;
}
.cs_info_div .cs_youtube {
   width: 100%;
   max-width: 800px;
   margin: 0 auto;
   height: auto;
   position: relative;
   padding-bottom: 33.8%;
}
.cs_youtube iframe {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
}
.cs_link {
   width: 100%;
   background: #ffffff;
   border: 1px solid #01cb5c;
   box-sizing: border-box;
   border-radius: 5px;
   text-align: center;
   padding: 12px 0;
   font-size: 14px;
   color: #11af58;
}
.cs_link:hover {
   background: #01cb5c;
   color: #fff;
}
.cs_map {
   border: 1px solid #ddd;
}
.cs_info_div .cs_link {
   height: 50px;
   padding: 15px;
}

.cs_info_div .cs_link:hover {
   background: #01cb5c;
   color: #fff;
}
.cs_info_div .cs_info_info {
   width: 100%;
   height: auto;
   padding: 20px;
   border: 0px solid #f9f9f9;
   border-radius: 5px;
   margin-bottom: 20px;
}
.cs_info_fin {
   width: 100%;
   min-height: 56px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-top: 24px;
   border: 1px solid #b0e6c8;
   border-radius: 5px;
   background-color: #fff !important;
}
.cs_info_fin .fin_span {
   width: 100%;
   height: auto;
   padding: 16px;
   text-align: left;
   font-size: 14px;
   color: #11af58;
   font-family: 'NaverBD-EB';
   border-radius: 5px;
   background-color: #fff !important;
   cursor: default;
}
.cs_info_fin .fin_btn_group {
   width: 80%;
   height: auto;
   display: flex;
   justify-content: space-around;
   align-items: center;
   margin: 0 20px 0 0;
}
.cs_info_fin .fin_btn_group button {
   width: 100%;
   height: auto;
   border: none;
   background-color: #fff !important;
   text-align: center;
   cursor: pointer;
   display: block;
   font-family: 'NaverBD-EB';
   padding: 10px;
}
.cs_info_fin .fin_btn_group button.fin_yes:hover {
   transition: 0.2s ease;
   background-color: #01cb5c !important;
   color: #fff;
   padding: 10px;
   border-radius: 5px;
}
.cs_info_fin .fin_btn_group button.fin_no:hover {
   transition: 0.2s ease;
   background-color: #01cb5c !important;
   color: #fff;
   padding: 10px;
   border-radius: 5px;
}
.cs_info_fin .fin_btn_group button.fin_yes:before {
   content: '네, 해결되었습니다.';
}
.cs_info_fin .fin_btn_group button.fin_no:before {
   content: '아니요, A/S접수가 필요합니다.';
}
.cs_info_div a {
   font-size: 15px;
   color: #11af58;
   font-family: 'NaverBD-EB';
}
.fa-solid {
   vertical-align: -0.15em !important;
}
.fa-regular {
   vertical-align: -0.15em !important;
}
.fa-light {
   vertical-align: -0.15em !important;
}
.cs_buttons {
   display: none;
   margin-top: 100px;
}
.cs_button_group {
   width: 100%;
   height: auto;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   margin: 0 20px 0 0;
   border: 2px solid #ddd;
   border-radius: 5px;
   margin-bottom: 50px;
}
.cs_button {
   width: 33%;
   height: auto;
   padding: 24px;
   text-align: center;
   cursor: pointer;
   display: block;
   box-sizing: border-box;
}

.cs_button:hover button {
   background-color: #01cb5c;
   transition: background-color 1s ease;
   text-shadow: 0px 1px 2px #11af58;
}
.cs_button:hover .icon {
   filter: brightness(100);
   transition: filter 1s ease;
   text-shadow: 0px 1px 2px #11af58;
}

.icon {
   display: block;
}

.cs_button button {
   border: none;
   border-radius: 50%;
   padding: 14px;
   background-color: #f5f5f5;
}

.cs_button img {
   width: 40px;
   height: 40px;
}

.cs_button_title {
   font-size: 16px;
   font-family: 'NaverBD-EB';
   margin: 8px 0;
}

.cs_button_subtitle {
   font-size: 13px;
   margin: 8px 0;
}
.cs_button_detail {
   font-size: 12px;
   color: #888;
   margin-top: 8px;
}
.cs_button a {
   font-size: 14px;
   color: #01cb5c;
}
.cs_button a:hover {
   text-decoration: underline;
}

@media screen and (max-width: 1024px) {
   .cs_button_group {
      flex-direction: column;
      align-content: center;
      margin: 0 0 30px 0;
      border: none;
   }
   .cs_button {
      width: 100%;
      margin: 3px;
      padding: 20px;
      border: 1px solid #ddd;
      border-radius: 8px;
   }
   .cs_button button {
      padding: 10px;
      background-color: #f5f5f5;
   }
   .cs_button img {
      width: 40px;
      height: 40px;
   }
   .cs_button_title {
      font-size: 18px;
      margin: 8px 0;
   }
   .cs_button_subtitle {
      margin: 5px 0;
   }
   .cs_button_detail {
      font-size: 13px;
      margin-top: 5px;
   }
   .cs_buttons {
      margin-top: 50px;
   }
   .cs_line2 {
      width: 80%;
      margin: 0 10%;
      border-color: #fff;
   }
   .cs_title {
      font-size: 16px;
   }
   .cs_first_div {
      margin-bottom: 40px;
   }
   .cs_first_div .cs_item_div {
      width: 31.5%;
      margin: 10px 0 0;
   }
   .cs_first_div .cs_item_div .cs_item_name {
      font-size: 15px;
   }
   .cs_first_div .cs_item_div label {
      padding: 10px 4px;
      min-height: 52px;
   }
   .cs_type_select .cs_item_div,
   .cs_type_select .cs_item_div label {
      min-height: 110px;
      padding: 16px 8px;
   }
   .cs_type_select .cs_item_div .cs_item_name {
      font-size: 17px;
   }
   .cs_info_div .cs_youtube {
      width: 100%;
      height: auto;
      padding-bottom: 56.25%;
   }
   .cs_info_fin {
      flex-direction: column;
      margin-top: 15px;
   }
   .cs_info_fin .fin_span {
      text-align: center;
   }

   .cs_info_fin .fin_btn_group {
      margin: 0 0 25px 0;
      width: 70%;
   }
   .cs_info_fin .fin_btn_group button {
      padding: 10px 0px 10px 0;
   }
   .cs_info_fin .fin_btn_group button.fin_yes:before {
      content: '해결 완료!';
      background: #01cb5c;
      color: #fff;
      padding: 10px;
      border-radius: 5px;
   }
   .cs_info_fin .fin_btn_group button.fin_no:before {
      content: 'A/S 접수 필요';
      background: #f1f1f1;
      color: #999;
      padding: 10px;
      border-radius: 5px;
   }

   .cs_second_info {
      margin-bottom: 60px;
   }
   .cs_second_info .cs_second_info_ul {
      cursor: default;
   }
   .cs_second_info .cs_second_info_ul li {
      padding: 22px 15px 15px 0px;
   }

   .cs_second_div .cs_second_item {
      flex-wrap: wrap;
      gap: 8px;
      margin: 15px 0 0;
   }
   .cs_second_div .cs_second_item_div {
      margin: 0;
      font-size: 14px;
   }
   .cs_second_info .cs_second_info_ul li p {
      font-size: 14px;
   }
   .cs_second_div input[type='radio'] + label {
      padding: 12px 16px;
   }
   .cs_second_div .cs_second_item_div p {
      word-break: keep-all;
   }
   .cs_third_div .cs_third_item_div p {
      word-break: keep-all;
   }
   .cs_third_info {
      margin-bottom: 60px;
   }
   .cs_third_info .cs_third_info_ul {
      cursor: default;
   }
   .cs_third_info .cs_third_info_ul li {
      padding: 22px 15px 15px 0px;
   }
   .cs_third_info .cs_third_info_ul li p {
      font-size: 14px;
   }
   .cs_third_div .cs_third_item {
      flex-wrap: wrap;
      gap: 8px;
      margin: 15px 0 0;
   }
   .cs_third_div .cs_third_item_div {
      margin: 0;
      font-size: 14px;
   }
   .cs_third_div input[type='radio'] + label {
      padding: 12px 16px;
   }
}

/* C/S 페이지 공통 CSS 끝 */

/* C/S 등록 페이지 CSS */
.cs_guest_desc {
   color: #555;
   font-size: 14px;
   line-height: 150%;
   margin: 14px 0 20px;
}
.cs_guest_error {
   color: #c0392b;
   background: #fdf0ef;
   border: 1px solid #f3c6c2;
   border-radius: 5px;
   padding: 12px 14px;
   font-size: 13px;
   margin-bottom: 16px;
}
.cs_form {
   margin-top: 14px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: 100%;
}
.cs_form_info {
   flex: 1;
}
.cs_form_info_r {
   width: 47%;
   float: right;
}
.cs_form_info_l {
   width: 47%;
   float: left;
}
.cs_form_info_title {
   font-size: 17px;
   font-weight: bold;
   margin-bottom: 16px;
   margin-top: 16px;
}
.cs_form_info_sub {
   margin-left: 8px;
   font-size: 11px;
   color: #888;
   vertical-align: middle;
}
/* 둘 다 같은 .cs_submit 박스 모양(크기/폰트/radius)을 그대로 쓰고, 색만 채움/윤곽선으로 바꿔서
   생김새를 통일한다 - border 두께를 채움 버튼에도 투명하게 똑같이 줘서 실제 박스 크기가 어긋나지 않게 함. */
.cs_submit.cs_submit_guest {
   width: auto;
   height: auto;
   padding: 11px 20px;
   font-size: 14px;
   white-space: nowrap;
   border: 2px solid transparent;
}
.cs_submit.cs_submit_outline {
   display: inline-block;
   background: #ffffff;
   color: #01cb5c;
   border: 2px solid #01cb5c;
   text-shadow: none;
   text-decoration: none;
}
.cs_submit.cs_submit_outline:hover {
   background: #01cb5c;
   color: #ffffff;
}
.cs_guest_alt_box {
   margin-top: 18px;
   text-align: center;
}
.cs_form_input {
   margin-bottom: 14px;
   border: 1px solid transparent;
}
.cs_form_input2:focus {
   border-color: #01cb5c !important;
}
.cs_form_input textarea {
   height: 110px;
   padding: 8px;
   border: 1px solid transparent;
}
.cs_form_input textarea:focus {
   border-color: #01cb5c !important;
}
.cs_form_input2 {
   display: flex;
   width: 100%;
   justify-content: space-between;
   align-items: flex-end;
   border: 1px solid transparent;
}
.cs_form_input2:focus {
   border-color: #01cb5c !important;
}
.cs_form_input2 .cs_form_input {
   width: 100%;
   margin-right: 8px;
}
.cs_form_input2 .cs_form_input button {
   width: 100%;
   height: 40px;
   padding: 0;
   border: 1px solid #01cb5c;
   background: #ffffff;
   color: #01cb5c;
   border-radius: 5px;
   margin-top: 5px;
   font-size: 13px;
}
.cs_form_radio {
   display: flex;
   justify-content: space-between;
   margin-bottom: 14px;
}

.cs_form_radio input[type='radio'] {
   display: none;
}
.cs_form_radio label {
   width: 48%;
   height: 40px;
   border: 1px solid #ddd;
   border-radius: 5px;
   text-align: center;
   line-height: 40px;
   font-size: 13px;
   cursor: pointer;
}
.cs_form_radio label:hover {
   background: #f5f5f5;
}
.cs_form_radio input[type='radio']:checked + label {
   background: #01cb5c !important;
   color: white !important;
   font-family: 'NaverBD-EB';
   text-shadow: 0px 1px 2px #11af58;
}
.cs_form_radio input[type='radio']:checked + label:hover {
   background: #01cb5c !important;
   color: white !important;
   font-family: 'NaverBD-EB';
   text-shadow: 0px 1px 2px #11af58;
}
.cs_form_title {
   font-size: 13px;
   font-weight: bold;
   margin-bottom: 4px;
   color: #999999;
}
.cs_form_required {
   margin-left: 2px;
   color: red;
}
.cs_input {
   width: 100%;
   height: 40px;
   padding: 0 10px;
   font-size: 14px;
   background-color: #f9f9f9;
   border-radius: 0px;
   margin-top: 4px;
   border: 1px solid transparent;
}
.cs_form_input select {
   appearance: none;
}
.cs_input:focus {
   border-color: #01cb5c !important;
}
.cs_input2 {
   width: 40%;
   height: 40px;
   padding: 0 10px;
   font-size: 14px;
   background: #f9f9f9;
   border-radius: 0px;
   margin: 4px;
   border: 1px solid transparent;
}
.cs_input2:focus {
   border-color: #01cb5c !important;
}
.cs_form_text {
   width: 100%;
   height: 40px;
   padding: 12px;
   background: #f9f9f9;
   border-radius: 0px;
   margin-top: 4px;
   border: 1px solid transparent;
}
.cs_form_text:focus {
   border-color: #01cb5c !important;
}
.cs_form_textarea {
   width: 100%;
   height: 110px;
   padding: 8px;
   background: #f9f9f9;
   border-radius: 0px;
   margin-top: 4px;
   border: 1px solid transparent;
   overflow-wrap: break-word;
}
.cs_form_textarea img {
   max-width: 100%;
   height: auto;
}
.cs_form_textarea:focus {
   border-color: #01cb5c !important;
}
.cs_input[type='file'] {
   height: 40px;
   padding: 9px;
   border: 1px solid transparent;
}
.cs_input[type='file']:focus {
   border-color: #01cb5c !important;
}
.cs_form_comment {
   margin-top: 14px;
}
.cs_form_comment_title {
   font-size: 12px;
   line-height: 150%;
   color: #11af58;
   margin-bottom: 8px;
   word-break: keep-all;
}
.cs_btn {
   margin-top: 24px;
   display: flex;
   justify-content: center;
   font-size: 15px;
}
.cs_submit {
   width: 160px;
   height: 44px;
   background: #01cb5c;
   color: #ffffff;
   border: none;
   border-radius: 5px;
   margin-right: 8px;
   font-family: 'NaverBD-EB';
   text-shadow: 0px 1px 2px #11af58;
}
.cs_cancel {
   width: 160px;
   height: 44px;
   background: #f1f1f1;
   border: none;
   border-radius: 5px;
   color: #999;
}

@media screen and (max-width: 1024px) {
   .cs_form {
      flex-direction: column;
      margin-top: 0px;
   }
   .cs_form_info {
      margin-top: 8px;
   }
   .cs_form_info_r {
      width: 100%;
   }
   .cs_form_info_l {
      width: 100%;
   }
   .cs_form_info_title {
      font-size: 16px;
   }
   .cs_btn {
      margin-top: 16px;
      font-size: 14px;
   }
   .cs_submit {
      width: 50%;
      height: 44px;
   }
   .cs_cancel {
      width: 50%;
      height: 44px;
   }
   .cs_input2 {
      width: 45%;
   }
}
/* C/S 등록 페이지 CSS 끝 */

/* C/S 상세 페이지 CSS */
.cs_status {
   text-align: center;
   position: relative;
   margin-top: 0px;
}
.cs_status_title {
   position: relative;
   font-size: 18px;
   font-weight: bold;
   margin-top: 20px;
}
.cs_status .cs_status_content {
   position: relative;
   text-align: center;
   width: 100%;
   z-index: 1;
}
.cs_status .cs_status_item {
   display: inline-block;
   width: 9.7%;
   padding-top: 10px;
   padding-bottom: 10px;
   border-radius: 60px;
   background-color: #fff;
   margin-left: 3px;
   margin-right: 3px;
   font-size: 11.5px;
   border: 2px solid rgba(0, 0, 0, 0.1);
   line-height: 140%;
   color: #999;
   white-space: nowrap;
}
.cs_status .cs_status_item.active {
   background-color: #fff;
   color: #01cb5c;
   border: 2px solid #01cb5c;
}
.cs_status .cs_status_item.active2 {
   background-color: #fff;
   color: red;
   border: 2px solid red;
}
.cs_status .cs_status_item.active3 {
   background-color: #fff;
   color: #000;
   border: 2px solid #333;
}
.cs_status .cs_status_line {
   position: absolute;
   width: 100%;
   border-bottom: 2px solid #eee;
   top: 20px;
   left: 0px;
   z-index: 0;
}
.admin_answer {
   width: 100%;
   margin: 8px 0;
   border: 1px solid #b0e6c8;
   background-color: #f6fcf9;
   border-radius: 5px;
   padding: 22px;
}
.admin_answer_title {
   font-size: 14px;
   font-family: 'NaverBD-B';
   margin-bottom: 8px;
   color: #11af58;
}
.admin_date {
   text-align: right;
   color: #666;
}
.admin_name {
   font-size: 15px;
   font-family: 'NaverBD-EB';
}
.admin_answer_date {
   text-align: right;
   color: #999;
}
.admin_answer_name {
   margin-top: 5px;
   color: #999;
}
.admin_answer_content {
   margin-top: 30px;
}
@media screen and (max-width: 1024px) {
   .cs_status .cs_status_item {
      width: 30%;
      padding-top: 10px;
      padding-bottom: 10px;
      border-radius: 30px;
      margin-right: 1px;
      margin-left: 1px;
      margin-top: 5px;
      font-size: 13px;
      white-space: nowrap;
   }
   .cs_status .cs_status_line {
      top: 26px;
   }
   .cs_status_title {
      font-size: 22px;
      margin-top: 20px;
   }
}

/* C/S 상세 페이지 CSS 끝 */

/* C/S 리스트 페이지 CSS */

.cs_old {
   padding-bottom: 35px;
   padding-top: 60px;
}

.m_td {
   text-align: center;
}

@media screen and (max-width: 1024px) {
   .m_td {
      font-size: 13px;
   }
   .cs_old {
      padding-bottom: 35px;
      padding-top: 40px;
   }
}