.clinic, .write_table, .clinic_write, .clinic_inform{
  padding-top: 0px;
}
.top_background{
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  background: linear-gradient(
    to bottom,
    #062143 0px,
    #062143 195px,
    white 195px,
    white 100%
  );
  overflow: hidden;
  margin: 0 auto;
}
.top_background .back_bg{
  /* background-color: #002C66; */
  overflow: hidden;
}
.top_background img{
  width: 1920px;
}
.top_background h2{
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  color: var(--white);
  font-size: 1.4em;
  line-height: 1em;
  z-index: 2;
  width: 50%;
  line-height: 1.35em;
}
.clinic_inform .top_background h2{
  top: 50%;
}
.clinic_inform .top_background .ordel_h2{
  top: 25%;
}
.clinic_inform .top_background .ordel_h3{
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  color: var(--white);
  font-size: 14px;
  line-height: 1em;
  z-index: 2;
  width: 50%;
  line-height: 1.35em;
  top: 65%;
  font-weight: 300;
}
.top_background .cli_tab{
  width: 1020px;
  display: flex;
  justify-content: space-between;
  position: relative;
  bottom: 23px;
  margin: 0 auto;
  color: var(--white);
  z-index: 3;
  line-height: 1em;
}
.top_background .cli_tab li{
  flex: 1;
  background-color: #002C66;
  transition: .3s;
}
.top_background .cli_tab li:hover{
  background-color: #001b3f;
}
.top_background .cli_tab li.active{
  background-color: #2845B6;
}
.top_background .cli_tab li a{
  padding: 15px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.master_pro{
  padding-top: calc(var(--padding)*3);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.accord, .expert{
  max-width: 1020px;
  margin: 0 auto;
  color: #505050;
}
.expert{
  display: grid;
  grid-template-columns: 210px 1fr 1fr;
  grid-template-rows: auto auto auto;
  grid-template-areas:
    "profile career_a career_b"
    ". open_lok open_lok"
    "href_link href_link href_link";
  width: 100%;
  word-break: keep-all;
}
.profile{grid-area: profile;}
.career_a{grid-area: career_a;}
.career_b{grid-area: career_b;}
.open_lok{grid-area: open_lok;}
.href_link{grid-area: href_link;}
.open_lok{
  text-align: center;
  padding: 5px 0;
  margin: 10px auto;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  color: var(--grey3);
  max-width: 1020px;
  padding-left: 175px;
  padding-bottom: calc(var(--padding)*7);
}
.open_lok img{
  width: 12px;
  transition: .3s;
}
.open_lok.active img{
  transform: rotate(180deg);
}
.clinic .href_title{
  display: flex;
  justify-content: end;
  max-width: 1020px;
  margin: 0 auto;
  gap: 10px;
  padding-bottom: calc(var(--padding)*1.5);
}
.clinic .href_title a{
  display: flex;
  font-size: 1em;
  color: white;
  padding: 10px 50px;
  border-radius: 8px;
  background-color: var(--point_main);
  font-weight: normal;
  line-height: 1em;
  justify-content: center;
  align-items: center;
}
.expert .profile{
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 0.85em;
  margin: 0 auto;
  text-align: center;
  padding-right: 45px;
}
.expert .h2q{
  padding-bottom: calc(var(--padding));
}
.expert .expert_profile{
  border-radius: 6px;
  overflow: hidden;
  max-width: 130px;
  max-height: 160px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.career_a{
  padding-right: 45px;
}
.career_a, .career_b{
  line-height: 1.2em;
  padding-bottom: calc(var(--padding)*1.5);
  font-size: 0.9em;
  border-bottom: 1px solid var(--border);
}
.master_pro.not_border .career_a, .master_pro.not_border .career_b{
  border: none;
}
.master_pro .expert:last-child{
  padding-bottom: calc(var(--padding)*3.5);
}
.career_a ul li, .career_b ul li{
  padding: 4px 0;
}
.QnA_order_new, .QnA_order_look{
  padding-bottom: calc(var(--padding)*5);
}
.QnA_order_look .h2q{
  padding-bottom: calc(var(--padding)*2);
}
.accord .QnA_list{
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--dark);
  color: #505050;
  padding-bottom: calc(var(--padding)*3.5);
}
.accord .QnA_list li{
  border-bottom: 1px solid var(--border);
  position: relative;
}
.accord .QnA_list li a{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2%;
  padding: 25px 30px;
}
.accord .QnA_list li .qa_title{
  color: #2845B6;
  font-weight: 600;
  flex: 1;
  word-break: keep-all;
  text-align: center;
  line-height: 1.2em;
}
.accord .QnA_list li .qa_state{
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 7;
  line-height: 1.2em;
}
.accord .QnA_list li .qa_date, .accord .QnA_list li .qa_view{
  margin-left: auto;
  flex: 1;
  font-size: 0.875em;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
}
.accord .QnA_list li .qa_arw{
  transition: .3s;
  flex: 0.3;
}
.accord .QnA_list li .qa_arw img{
  display: block;
  margin: 0 auto;
  width: 18px;
}
.accord .QnA_list li .user, .accord .QnA_list li .oner{
  display: flex;
  gap: 3px;
}
.accord .QnA_list li .qa_date, .accord .QnA_list li .qa_view{
  color: var(--grey3);
}
.accord .qa_answer{
  border-top: 1px solid var(--border);
  line-height: 1.4em;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.5s ease, opacity 0.5s ease;
}
.accord li.active .qa_answer{
  padding: 25px 0;
  max-height: 1000px;
  opacity: 1;
}
.accord li.active .qa_answer::-webkit-scrollbar{
  width: 10px;
}
.accord li.active .qa_answer::-webkit-scrollbar-thumb{
  height: 30%;
  background: #dcdfe6;
  border-radius: 10px;
}
.accord li.active .qa_answer::-webkit-scrollbar-track{
  background: rgba(215, 217, 219, 0.1);
}
.accord .QnA_list li.active .qa_arw{
  transform: rotate(-180deg);
}
.accord .qa_answer .answer_user, .accord .qa_answer .answer_oner{
  max-height: 400px;
  overflow-y: auto;
}
.accord .qa_answer .answer_user{
  padding: 0 15px 25px 165px;
}
.accord .qa_answer .answer_oner, .accord .qa_answer .answer_read{
  background-color: #F9F9F9;
  padding: 25px 15px 30px 165px;
}
.accord .qa_answer .answer_user span{
  display: flex;
  gap: 5px;
  font-weight: 600;
}
.accord .qa_answer .answer_oner span{
  color: #2845B6;
  display: flex;
  gap: 5px;
  font-weight: 600;
}
.accord .qa_answer .answer_user p, .accord .qa_answer .answer_oner p{
  padding-left: 15px;
}
.QnA_order_new .read_pass{
  font-size: 0.95em;
  line-height: 1em;
  padding-bottom: calc(var(--padding)*.5);
}
.QnA_order_new .sub_btn{
  margin-top: calc(var(--padding)*.5);
  width: 100px;
  height: 26px;
  border-radius: 10px;
  color: var(--white);
  background-color: #B4B4B4;
  line-height: 1.1em;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
}
.QnA_order_new .sub_btn.active{
  background-color: #363636;
}
.answer_oner .corr_btn{
  margin-top: calc(var(--padding)*.5);
  width: 100px;
  height: 30px;
  border-radius: 10px;
  color: var(--white);
  background-color: #B4B4B4;
  line-height: 1.1em;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  cursor: pointer;
  transition: .3s;
}
.answer_oner .corr_btn:hover{
  background-color: var(--point_main);
}
.write_table{
  max-width: 1020px;
  margin: 0 auto;
}
.write_table > .tip{
  text-align: center;
  color: var(--grey3);
  padding: calc(var(--padding)*3) 0;
  border-bottom: 2px solid var(--dark);
}
.table_guide{
  padding: calc(var(--padding)*3) calc(var(--padding)*7);
}
.table_guide form{
  display: block;
}


.write_list, .inform_list{
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-bottom: calc(var(--padding)*10);
}
.inform_list{
  padding-bottom: calc(var(--padding)*5);
  color: #5B5B5B;
}
.write_list li, .inform_list li{
  display: grid;
  grid-template-columns: 100px 1fr 1fr 1fr;
  column-gap: 10px;
  align-items: start;
}
.write_list li .del, .inform_list li .del{
  grid-column: 1 / 2;
  line-height: 45px;
  font-weight: 500;
}
.write_list li .sel{
  display: contents;
}
.write_list li .sel > *{
  grid-column: 2 / span 3;
}
/* 구분, 이름 */
.write_list li:nth-child(1) .sel > *,
.write_list li:nth-child(2) .sel > *{
  grid-column: 2 / span 1;
}
/* 제목, 내용 */
.write_list li:nth-child(3) .sel > *,
.write_list li:nth-child(4) .sel > *{
  grid-column: 2 / span 3;
}
/* 파일첨부 */
.write_list li:nth-child(4) .sel > *{
  grid-column: 2 / span 2;
}
.write_list li:nth-child(4) .jel{
  grid-column: 4 / span 1;
  display: flex;
  align-items: flex-start;
  justify-content: start;
  gap: 10px;
}
.write_list li:nth-child(4) .jel label, .inform_list li:nth-child(6) .jel label{
  background-color: #B4B4B4;
  color: var(--white);
  border-radius: 7px;
  font-size: 1rem;
  max-height: 50px;
  line-height: 50px;
  cursor: pointer;
  transition: .2s;
  height: 100%;
  padding: 0px 25px;
  text-align: center;
}
.write_list li:nth-child(4).active .jel label, .inform_list li:nth-child(6).active .jel label{
  background-color: #4D4D4D;
}
.write_list li:nth-child(4) .jel .tip, .inform_list li:nth-child(6) .jel .tip{
  text-align: center;
  color: #B4B4B4;
  font-size: 0.9em;
  line-height: 50px;
}
.write_table .sub_bit, .inform_table .sub_bit{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background-color: #B4B4B4;
  display: inline-block;
  font-size: 1.1em;
  border-radius: 100px;
  padding: 20px;
  width: 250px;
  text-align: center;
  color: var(--white);
  cursor: pointer;
}
.sub_bit.active{
  background-color: var(--point_main);
}

.inform_table{
  max-width: 1020px;
  margin: 0 auto;
  padding-bottom: calc(var(--padding)*5);
}
.inform_list li .sel{
  display: contents;
}
/* 이름 메일 연락처 */
.inform_list li:nth-child(1) .sel > *,
.inform_list li:nth-child(2) .sel > *,
.inform_list li:nth-child(3) .sel > *{
  grid-column: 2 / span 2;
}
/* 제목 내용 */
.inform_list li:nth-child(4) .sel > *,
.inform_list li:nth-child(5) .sel > *{
  grid-column: 2 / span 3;
}
.inform_list li:nth-child(6) .sel > *{
  grid-column: 2 / span 2;
}
.inform_list li:nth-child(6) .jel{
  grid-column: 4 / span 1;
  display: flex;
  align-items: flex-start;
  justify-content: start;
  gap: 10px;
}
.clinic .search_guide{
  width: 350px;
  margin-left: auto;
  position: relative;
}
.clinic .search_guide form{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 12px;
  border: 1px solid var(--border);
  border-radius: 10px;
}
.clinic .search_guide form input{
  display: block;
  width: 85%;
}
.clinic .search_guide .search_icon{
  width: 24px;
}
.clinic .search_guide .search_icon svg{
  width: 100%;
  fill: var(--grey3);
  cursor: pointer;
}
.clinic_intro{
  border-top: 1px solid var(--dark);
  padding-top: calc(var(--padding)*4);
  border-bottom: 1px solid var(--border);
  margin-bottom: calc(var(--padding)*6.5);
}
.clinic_intro .tip{
  font-size: 0.9em;
  color: #949494;
  line-height: 1.45em;
  padding: 0 30px;
  padding-bottom: calc(var(--padding)*4);
}
.clinic_intro .tip em{
  font-size: 0.95rem;
  display: block;
  font-weight: 400;
  color: var(--black);
  padding-bottom: 5px;
}
.clinic_intro .check_design{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-size: 0.95em;
}
.clinic_intro .check_design .on{
  position: relative;
}