/****************************************************/
.body_widget_area,
.sub_widget_area {
  background-color: #f2f5f7;
}
/****************************************************/
.main_title_img_wrap {
  padding-top: 42%;
  position: relative;
  overflow: hidden;
}
.main_title_wrap {
  position: absolute;
  bottom: 20px;
  left: 18px;
  color: #fff;
}
.main_subject {
  font-size: 13px;
}
.main_title {
  margin-top: 10px;
  display: block;
  line-height: 18px;
}
.main_title_img {
  position: absolute;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* 가맹배너 6 */
.pc_center_main_banner_6 {
  width: 100%;
  height: 40px;
  background-color: #15c08e;
  display: none;
  position: fixed;
  top: 55px;
  right: 0;
  z-index: 999;
  overflow: hidden;
}
/* 운영시간 안내 */
.operation_information_area {
  margin: 10px 5px 0;

  background-color: #fff;
  padding: 15px 0 0;
  border-radius: 14px 14px;
  overflow: hidden;
}
.center_operation_info_days_title {
  text-align: center;
  font-size: 15px;
  font-weight: 600;
}
.center_operation_info {
  display: flex;
  border-radius: 10px;
  overflow: hidden;
}
.center_operation_info:nth-child(n + 2) {
  margin-top: 10px;
}
.center_operation_info_title_wrap {
  width: 52px;
  min-height: 46px;
  padding: 10px 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  word-break: keep-all;
  background-color: #6c797f;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
}
.center_operation_info_text_wrap {
  background-color: #f6f6f6;
  flex: 1;
}
.center_operation_info_list_set {
  padding: 5px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0 20px;
  align-items: center;
  padding-left: 10px;
}
.center_operation_info_list {
  display: flex;
  gap: 3px;
  font-size: 12px;
  line-height: 20px;
  word-break: keep-all;
}
.center_operation_info_list::before {
  content: "•";
}
.holiday_title_wrap {
  background-color: #ff961b;
}
.normal_operation_information_area {
  border: solid 2px #39bbca;
}
.holiday_operation_information_area {
  border: solid 2px #ff961b;
}
.end_operation_information_area {
  border: solid 2px #6c797f;
}
.open_operation_information_area {
  border: solid 2px #81bf4e;
}

.center_operation_info_days_wrap {
  margin: 0 5px;
}
.operation_information_wrap {
  overflow: hidden;
  margin-top: 10px;
}
.normal_operation_info {
  background-color: #39bbca;
}
.holiday_operation_info {
  background-color: #ff961b;
}
.end_operation_info {
  background-color: #6c797f;
}
.open_operation_info {
  background-color: #81bf4e;
}
.operation_information_title {
  text-align: center;
  color: #fff;
  margin-top: 10px;
  font-size: 13px;
  font-weight: 500;
}
.operation_information_text_wrap {
  background-color: #fff;
  margin: 10px 6px 6px;
  border-radius: 7px;
  text-align: center;
  font-size: 12px;
  padding: 10px 0;
}
.operation_information_link_wrap {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  gap: 23px;
}
.operation_information_link {
  width: 32px;
  height: 32px;
}
.holiday {
  color: #ff4200;
}
.open_holiday {
  color: #0084ff;
}
.holiday_btn_wrap {
  display: flex;
  justify-content: center;
  gap: 8px;
}
.holiday_btn_wrap button {
  margin: 5px 0;
  width: 118px;
  height: 27px;
  border-radius: 13px;
  font-size: 12px;
  background-color: #f6f6f6;
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
}
.holiday_btn_wrap button:first-child::before {
  margin-top: 2px;
  content: "";
  width: 16px;
  height: 11px;
  background-image: url(../image/rightlayer-icon-inquiry.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.holiday_btn_wrap button:last-child::before {
  margin-top: 2px;
  content: "";
  width: 10px;
  height: 12px;
  background-image: url(../image/rightlayer-icon-easy.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.kakao_btn {
  background-image: url(../image/icon-center-kakao.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.naver_btn {
  background-image: url(../image/icon-center-talktalk.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.phone_btn {
  background-image: url(../image/icon-center-phone.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.opne_text {
  margin-bottom: 5px;
  font-weight: 500;
  color: #81bf4e;
}
.more_open_btn {
  margin-top: 8px;
  width: 118px;
  height: 27px;
  border-radius: 15px;
  background-color: #81bf4e;
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
}
/* 배너 슬라이드 */
.banner_silde_wrap {
  display: flex;
  margin: 10px 5px;
  gap: 10px;
  align-items: baseline;
}
.banner_silde_banner {
  width: 50%;
}
.banner_silde_banner_8 {
  padding-top: 64.66%;
  background-color: #c4dbfd;
}
.banner_slide_item_wrap {
  border-radius: 14px;
  overflow: hidden;
  width: 50%;
}
.banner_silde_banner_9 {
  padding-top: 64.66%;
  border-radius: 20px;
  background-color: #c4dbfd;
}
/* 심리싱담사 소개 슬라이드 */
.counselor_slide_area {
  margin-top: 10px;
  height: 349px;
  background-color: #fffce4;
  padding: 25px 0 15px 10px;
  border-radius: 7px;
  position: relative;
  overflow: hidden;
}
.counselor_slide_area::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 128px;
  background-color: #d1cca0;
}
.counselor_slide_title {
  padding-left: 10px;
  position: relative;
}
.counselor_slide_title::after {
  content: "";
  position: absolute;
  top: 5px;
  right: -17px;
  width: 7px;
  height: 100%;
  background-image: url(../image/icon-cont-more-b.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.counselor_slide_list_set {
  position: relative;
  z-index: 2;
  margin-top: 20px;
  display: flex;
  gap: 15px;
}
.counselor_slide_list {
  flex: 0 0 auto;
  overflow: hidden;
  border-radius: 7px;
  width: 182px;
}
.counselor_info_wrap {
  padding: 10px 0 15px;
  text-align: center;
  background-color: #fff;
  font-size: 13px;
}
.counselor_name {
  font-size: 15px;
  font-weight: 500;
  margin-top: 2px;
}
.counselor_info {
  font-size: 12px;
  margin-top: 10px;
}
.banner_wrap {
  margin: 10px 5px 0;
}
.banner_7,
.banner_10 {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.banner_7 a,
.banner_10 a {
  width: 100%;
}

@media (min-width: 1170px) {
}
@media (min-width: 1621px) {
  /****************************************************/
  .body_widget_area {
    background-color: #fff;
  }
  .sub_widget_area {
    background-color: #fff;
  }
  .content_page_wrap {
    width: 100%;
  }
  .widget_area {
    display: flex;
    gap: 20px;
  }
  .pc_main_top_contents_wrap {
    margin-top: 10px;
    display: flex;
    gap: 20px;
  }
  /********************* 메인 컨텐츠 *********************/
  .main_title_img_wrap {
    width: 900px;
    height: 275px;
    padding: 0;
  }
  .main_title_wrap {
    bottom: 37px;
    left: 41px;
  }
  .main_subject {
    font-size: 26px;
  }
  .main_title {
    margin-top: 16px;
    font-size: 40px;
    line-height: 40px;
  }
  .main_center_top_title {
    width: 430px;
    height: 100%;
    border-radius: 14px;
    position: relative;
  }
  .main_center_top_img_wrap {
    width: 100%;
  }
  .main_center_top_text {
    position: absolute;
    right: 30px;
    left: 30px;
    top: 250px;
    font-size: 31px;
    font-weight: 500;
    color: #0094c6;
  }
  .main_center_page_center {
    font-size: 44px;
    font-weight: 600;
    position: relative;
    appearance: none;
    border: none;
    background: none;
    color: #0094c6;
    padding-right: 100px;
  }
  .main_center_page_center_select {
    position: relative;
    margin-top: 20px;
  }
  .main_center_page_center_select::after {
    content: "";
    position: absolute;
    width: 41px;
    height: 22px;
    top: 25px;
    right: 0;
    background-image: url(../image/icon-arrow-big.png);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .main_center_page_center_select::before {
    content: "";
    width: 100%;
    position: absolute;
    border: 1px solid #0094c6;
    left: 0;
    bottom: -10px;
  }
  /* 가맹배너 6 */
  .pc_center_main_banner_6 {
    position: relative;
    display: block;
    margin-top: 20px;
    width: 1350px;
    height: 80px;
    border-radius: 20px;
    background-color: #15c08e;
    top: auto;
    right: auto;
  }
  /* 운영시간 안내 */
  .operation_information_area {
    width: 900px;
    margin: 20px 0 0;
    padding: 0;
    border-radius: 14px;
    display: flex;
  }
  .center_operation_info_days_title {
    font-size: 24px;
    font-weight: 600;
  }
  .center_operation_info {
    border-radius: 14px;
  }
  .center_operation_info:nth-child(n + 2) {
    margin-top: 12px;
  }
  .center_operation_info_title_wrap {
    width: 85px;
    min-height: 89px;
    padding: 30px 0;
    font-size: 16px;
  }
  /* .center_operation_info_text_wrap {
    background-color: #f6f6f6;
    flex: 1;
  } */
  .center_operation_info_list_set {
    padding: 20px 0;
    gap: 5px 20px;
    padding-left: 15px;
  }
  .center_operation_info_list {
    width:240px;
    font-size: 16px;
    line-height: 25px;
  }
  .normal_operation_information_area {
    border: solid 3px #39bbca;
  }
  .holiday_operation_information_area {
    border: solid 3px #ff961b;
  }
  .end_operation_information_area {
    border: solid 3px #6c797f;
  }
  .open_operation_information_area {
    border: solid 3px #81bf4e;
  }
  .center_operation_info_days_wrap {
    margin: 0;
    padding: 25px 17px 15px;
    width: 645px;
    box-sizing: border-box;
  }
  .operation_information_wrap {
    margin-top: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
  }

  .operation_information_title {
    margin-top: 25px;
    font-size: 21px;
  }
  .operation_information_text_wrap {
    margin: 26px 14px 18px;
    border-radius: 14px;
    font-size: 18px;
    padding: 15px 18px;
    flex: 1;
  }
  .operation_information_link_wrap {
    margin-top: 26px;
    display: flex;
    justify-content: center;
    gap: 23px;
  }
  .operation_information_link {
    width: 50px;
    height: 50px;
  }
  .holiday {
    color: #ff4200;
  }
  .open_holiday {
    color: #0084ff;
  }
  .holiday_btn_wrap {
    margin: 10px 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .holiday_btn_wrap button {
    margin: 0;
    width: 195px;
    height: 40px;
    border-radius: 20px;
    font-size: 18px;
    gap: 10px;
    justify-content: flex-start;
    padding-left: 20px;
  }
  .holiday_btn_wrap button:first-child::before {
    width: 40px;
    height: 26px;
  }
  .holiday_btn_wrap button:last-child::before {
    width: 26px;
    height: 30px;
  }
  .kakao_btn:hover {
    background-image: url(../image/icon-center-kakao-mint.png);
  }
  .naver_btn:hover {
    background-image: url(../image/icon-center-talktalk-mint.png);
  }

  .phone_btn:hover {
    background-image: url(../image/icon-center-phone-mint.png);
  }
  .operation_information_text_wrap {
    word-break: keep-all;
  }
  .opne_text {
    margin-bottom: 20px;
  }
  .more_open_btn {
    margin-top: 20px;
    width: 195px;
    height: 40px;
    border-radius: 20px;
    font-size: 20px;
    font-weight: normal;
  }
  /* 배너 슬라이드 */
  .banner_silde_wrap {
    width: 900px;
    margin: 20px 0;
    gap: 20px;
  }
  .banner_silde_banner {
    width: 50%;
  }
  .banner_silde_banner_8 {
    padding-top: 64.66%;
    border-radius: 20px;
    background-color: #c4dbfd;
  }
  .banner_silde_banner_9 {
    padding-top: 64.66%;
    border-radius: 20px;
    background-color: #c4dbfd;
  }
  /* 심리싱담사 소개 슬라이드 */
  .counselor_slide_area {
    margin-top: 20px;
    width: 900px;
    height: 527px;
    padding: 30px 0 30px 30px;
    border-radius: 14px;
    box-sizing: border-box;
  }
  .counselor_slide_area::before {
    width: 100%;
    height: 250px;
  }
  .counselor_slide_title {
    padding-left: 0;
  }
  .counselor_slide_title::after {
    top: 9px;
    right: -20px;
    width: 9px;
  }
  .counselor_slide_list_set {
    margin-top: 20px;
    gap: 30px;
  }
  .counselor_slide_list {
    border-radius: 14px;
    width: 284px;
    cursor: pointer;
  }
  .counselor_info_wrap {
    padding: 15px 30px 20px;
    font-size: 16px;
  }
  .counselor_info_wrap:hover {
    background-color: #fffce4;
  }
  .counselor_name {
    font-size: 21px;
    margin-top: 10px;
  }
  .counselor_info {
    font-size: 16px;
    margin-top: 25px;
  }
  .banner_wrap {
    margin: 20px 0 0;
  }
  .banner_7,
  .banner_10 {
    border-radius: 20px;
  }

  .custom_selection_wrap {
    margin-top: 20px;
    position: relative;
  }

  .custom_selection {
    font-size: 44px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .custom_selection::after {
    content: "";
    width: 41px;
    height: 22px;
    background-image: url(../image/icon-arrow-big.png);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .option_wrap {
    display: none;
    width: calc(100% + 30px);
    padding: 5px 0;
    position: absolute;
    top: 70px;
    left: -10px;
    border-radius: 14px;
    border: solid 1px #000;
    background-color: #fff;
    box-sizing: border-box;
    z-index: 1000;
  }
  .option {
    padding: 20px;
    font-size: 31px;
    line-height: 35px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .option:nth-child(n + 2):hover {
    color: #fff;
    background-color: #0081ac;
  }
  .option:first-child::after {
    content: "";
    width: 41px;
    height: 22px;
    background-image: url(../image/icon-arrow-big-close.png);
    background-repeat: no-repeat;
    background-size: contain;
  }
}