@font-face {
  font-family: 'Gyeonggi_Batang_Regular';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2410-3@1.0/Batang_Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,700;1,14..32,700&family=Nanum+Myeongjo&family=Noto+Color+Emoji&family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&family=Noto+Sans+KR:wght@100..900&family=Noto+Serif+KR:wght@200..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
  font-family: "Noto Sans KR";
}
.main_container img {
  vertical-align: bottom;
}
.main_container {
  width:100%;position:relative;
}
.main_container section {
  overflow: hidden;
}
.customer_wrap {
  display: flex;gap:23px;padding:130px 0 100px;align-items: flex-start;
}
.customer_wrap .customer_left{
  width:100%;max-width:590px;display: flex;flex-direction: column;gap:60px;
}
.customer_wrap .customer_left .event_wrap{
  width:100%;display: flex;flex-direction: column;gap:20px;width:100%;
}
.customer_wrap .customer_left .event_wrap .event_title{
  display: flex;flex-direction: row;gap:12px;width:100%;align-items: center;
}
.customer_wrap .customer_left .event_wrap a img {
  width:100%;
}
.customer_wrap .customer_left .event_wrap .event_title h2 {
  font-size:20px;font-weight:400;color:#2b2b2b;line-height: 27px;white-space: nowrap;
}
.customer_wrap .customer_left .event_wrap .event_title h2 span {
  font-weight:700;color:#0183ff;
}
.customer_wrap .customer_left .event_wrap .event_title > span {
  width:100%;height:1px; background: #0183ff;
}
.customer_wrap .customer_left .consultingWrap{
  display: flex;flex-direction: column;gap:40px;
}
.customer_wrap .customer_left .consultingWrap .consulting_title {
  display: flex;flex-direction: column;
  align-items: center;
  justify-content: center;
  gap:16px;
}
.customer_wrap .customer_left .consultingWrap .consulting_title h2 {
  font-size:32px;line-height:44px;color:#2b2b2b;font-weight:400;
}
.customer_wrap .customer_left .consultingWrap .consulting_title h2 span {
  color:#0183ff;font-weight:700;
}
.customer_wrap .customer_left .consultingWrap .consulting_title p {
  font-size:16px;line-height:1.5;color:#666666;
}

.customer_wrap .customer_left .consultingWrap .consulting_content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap:48px;
  width: 100%;
}
.customer_wrap .customer_left .consultingWrap .consulting_content .counselingForm {
  display: flex;
  flex-direction: column;
  gap:16px;
}
.customer_wrap .customer_left .consultingWrap .consulting_content .counselingForm.left {
  width:490px;
}
.customer_wrap .customer_left .consultingWrap .consulting_content .counselingForm.left .inp_table {
  display: flex;
  gap:15px;
}
.customer_wrap .customer_left .consultingWrap .consulting_content .counselingForm.left .inp_table .inp_title{
  width: 60px;
}
.customer_wrap .customer_left .consultingWrap .consulting_content .counselingForm.left .inp_table .inp_title h2 {
  font-size:16px;font-weight: 700;color:#2b2b2b;line-height:22px;letter-spacing: -0.4px;
}
.customer_wrap .customer_left .consultingWrap .consulting_content .counselingForm.counseling_content_form.left {
  display: flex;justify-content: flex-start;gap:45px;width: 100%;
}
.customer_wrap .customer_left .consultingWrap .consulting_content .counselingForm.counseling_content_form .counseling_content_form_btn > p{
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  text-align: right;
  position: relative;
  bottom: 20px;
  height:0;
}
.customer_wrap .customer_left .consultingWrap .consulting_content .counselingForm.counseling_content_form .counseling_content_form_btn {
  display: flex;flex-direction: column;gap:30px;width: 100%;
}
.customer_wrap .customer_left .consultingWrap .consulting_content .counselingForm.counseling_content_form .counseling_content_form_btn .counseling_content_form_btn_common {
  display: flex;gap:15px;
}
.customer_wrap .customer_left .consultingWrap .consulting_content .counselingForm.counseling_content_form .counseling_content_form_btn .counseling_content_form_btn_common .btn_wrap {
  display: grid;align-items: flex-start;gap:15px;grid-template-columns: 1fr 1fr 1fr;
}
.customer_wrap .customer_left .consultingWrap .consulting_content .counselingForm.counseling_content_form .counseling_content_form_btn .counseling_content_form_btn_common.counseling_content_form_btn_top .btn_wrap{
  grid-template-columns: 1fr 1fr;
}
.customer_wrap .customer_left .consultingWrap .consulting_content .counselingForm.counseling_content_form .counseling_content_form_btn .counseling_content_form_btn_common .counseling_content_form_btn_top_title span {
  font-size:16px;font-weight: 400;color:#333333;line-height:22px;letter-spacing: -0.4px;width: 76px;
  display: block;white-space: nowrap;text-align: center;height:100%;border:2px solid rgba(158, 158, 158, 0.2);display: flex;
  align-items: center;justify-content: center;border-radius: 4px;background-color: rgba(214,219,223, .2);
}

.customer_wrap .customer_left .consultingWrap .consulting_content .counselingForm.counseling_content_form .counseling_content_form_btn .counseling_content_form_btn_common .btn_wrap {
  display: grid;grid-template-columns: 1fr 1fr 1fr;gap:10px;width:100%;height:100%;
}
.customer_wrap .customer_left .consultingWrap .consulting_content .counselingForm.counseling_content_form .counseling_content_form_btn .counseling_content_form_btn_common .btn_wrap a {
  display: flex;align-items: center;justify-content: center;font-size:18px; color:#666666;font-weight:700;
  flex-direction: column;border: 1px solid #cccccc;border-radius: 4px;min-height: 78px;
  text-align: center;line-height: 1;gap:5px;
}
.customer_wrap .customer_left .consultingWrap .consulting_content .counselingForm.counseling_content_form .counseling_content_form_btn .counseling_content_form_btn_common .btn_wrap a span {
  font-weight: 300;font-size:14px; color:#666666;line-height: 14px;
}
.customer_wrap .customer_left .consultingWrap .consulting_content .counselingForm.counseling_content_form .counseling_content_form_btn .counseling_content_form_btn_common.counseling_content_form_btn_bottom .btn_wrap a {
  min-height: 70px;
}
.customer_wrap .customer_left .consultingWrap .consulting_content .counselingForm.counseling_content_form .counseling_content_form_btn .counseling_content_form_btn_common .btn_wrap a.select{
  color: #0183FF;background-color: rgba(1,131,255,.1);border: 3px solid #0183FF;
}
.customer_wrap .customer_left .consultingWrap .consulting_content .counselingForm.counseling_content_form .counseling_content_form_btn .counseling_content_form_btn_common .btn_wrap a.select span{
  color: #0183FF;
}
.customer_wrap .customer_left .consultingWrap .consulting_content .counselingForm.counseling_content_form .counseling_content_form_btn .counseling_content_form_btn_common .btn_wrap input {
  display: none;
}
.customer_wrap .customer_right {
  display: flex;flex-direction: column;gap:40px;
}
.customer_wrap .customer_right .counselingForm.counseling_content_form.right{
  background: rgba(214,219,223,0.2);padding:40px 33.5px 27px;display: flex;flex-direction: column;gap:30px;

}

.customer_wrap .customer_right .counselingFormTable {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width:482px;
}
.customer_wrap .customer_right .counselingFormTable .inp_wrap{width: 100%;display: flex;gap:15px;    justify-content: space-between;}
.customer_wrap .customer_right .counselingFormTable .inp_wrap .inp_title {
  min-width: 65px;padding:10px 0;
}
.customer_wrap .customer_right .counselingFormTable .inp_wrap .inp_box {
  width:100%;display: flex;gap:4px;align-items: center;justify-content: center;    max-width: 385px;
}
.customer_wrap .customer_right .counselingFormTable .inp_wrap .inp_box input[type="text"]{
  height:60px;border-radius: 4px;border:1px solid #CCCCCC;width: 100%;font-size:18px;outline: 0;
  max-width:385px;
}
.customer_wrap .customer_right .line{width: 100%;height:1px;background: #9E9E9E;}
.customer_wrap .customer_right .counselingFormTable .inp_wrap .inp_title h2 {
  font-size: 18px;
  font-weight: 400;
  color: #2b2b2b;
  line-height: 22px;
  display: flex;
  white-space: nowrap;
  justify-content: space-between;
}
.customer_wrap .customer_right .counselingFormTable .inp_wrap .inp_box input[type="tel"]{
  height:50px;border-radius: 4px;border:1px solid #CCCCCC;width: 100%;font-size:18px;outline: 0;
}
.customer_wrap .customer_right .personalGuide{position: relative;}
.customer_wrap .customer_right .personalGuide a{color: #2b2b2b;font-size: 14px;letter-spacing: -0.04em;display: inline-block;padding-right: 0;-webkit-transition: 0.2s linear;    display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  -moz-transition: 0.2s linear;
  -ms-transition: 0.2s linear;
  -o-transition: 0.2s linear;
  transition: 0.2s linear;}
  .customer_wrap .customer_right .personalGuide a > img.on {
    transform: rotate(180deg);
    display: inline-block;
  }
  .customer_wrap .customer_right .personalGuide a span {
    transform: rotate(180deg);
  }
  .customer_wrap .customer_right .personalGuide a span.on {
    transform: rotate(0deg);
  }
.customer_wrap .customer_right .personalGuide div{margin-top: 8px;}
.customer_wrap .customer_right .personalGuide .agree_bx{
  display: flex;align-items: center;
}
.customer_wrap .customer_right .personalGuide div input{width: 12px;height: 12px;border:1px solid #ddd;vertical-align: middle;margin-right: 4px;}
.customer_wrap .customer_right .personalGuide div label{color: #666666;font-size: 14px;letter-spacing: -0.04em;}
.customer_wrap .customer_right .btnCounseling{display: flex;gap:15px;max-width:520px;    margin: 0 auto;
  width: 100%;}

.customer_wrap .customer_right .btnCounseling a{display: flex;width: 100%;height: 57px;color: #fff;border-radius: 8px;align-items: center;justify-content: center;
  background: #000000;font-family: 'Noto Sans KR';letter-spacing: -0.05em;font-size: 20px;line-height: normal;text-align: center;font-weight: 700;}

.customer_wrap .customer_right .btnCounseling a:last-child{display: flex;width: 100%;height: 57px;color: #fff;border-radius: 8px;align-items: center;justify-content: center;
    background: #FB3E67;font-family: 'Noto Sans KR';letter-spacing: -0.05em;font-size: 20px;line-height: normal;text-align: center;font-weight: 700;}


    .calendar_wrap{
      padding-bottom:15px;
    }
    .calendar_wrap .calendar {
      width: 482px;
      background-color: transparent;
      text-align: center;
  }
  .calendar_wrap .calendar_header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-weight: bold;
      background: #fff;
      border-radius: 50px;
      height:58px;
      border:1px solid #9E9E9E;
      padding:0 28px;
  }
  .calendar_wrap .calendar_header #monthYear {
    font-size:20px;font-weight:700;color:#333333;
  }
  .calendar_wrap #prev img {
    transform: rotate(180deg);
  }
  .calendar_wrap #prev, .calendar_wrap #next{
    cursor: pointer;
  }

  .calendar_wrap .days {
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      font-size:20px;
      color:#1C1C1C;
      max-width:439px;
      margin:35px auto 0;
  }
  .calendar_wrap .day {
      padding: 10px;
      font-weight: bold;
  }
  .calendar_wrap .date {
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      gap: 1px;
      max-width:439px;
      margin:15px auto 0;
  }
  .calendar_wrap .date div {
      padding: 15px;
      border-radius: 5px;
      cursor: pointer;
      text-align: center;
      font-size:20px;
      color:#333333;
  }
  .calendar_wrap .date div.highlight {
      background-color: #ff4d6d;
      color: white;
  }
  .calendar_wrap .date div.disabled {
      color: #ccc;
      pointer-events: none;
  }
  .today {
    background-color: #ff4d6d;
    color: white;
}
.calendar_wrap #prev.disabled img {
  opacity: 0.4;
}

.calendar_wrap #next.disabled img {
  opacity: 0.4;
}



.customer_wrap .customer_right .personalInfo{background: #ffffff;border: 1px solid #CCCCCC;padding:20px 15px;font-size: 14px;font-weight:300;line-height: 1.5;letter-spacing: -0.02em;color: #9a9a9a;display: none;max-height: 170px;}
.customer_wrap .customer_right .personalInfo .personalInfoInner {
  overflow-y: auto !important;margin:0;max-height:128px;    padding-right: 19px;    font-size: 14px;
  font-weight: 300;
  color: #666666;
}
.customer_wrap .customer_right .personalInfo .personalInfoInner::-webkit-scrollbar {
    background-color:#E7E7E7;width: 10px;
}
.customer_wrap .customer_right .personalInfo .personalInfoInner::-webkit-scrollbar-track {
    background-color:#E7E7E7;
}
.customer_wrap .customer_right .personalInfo .personalInfoInner::-webkit-scrollbar-thumb {
    background: #2B2B2B;
    border-radius:20px;
}