/* request main page */
.layerWrapper {
  width: 100%;
  height: 100%;
  background-color: #f2f1f4;
  z-index: 0;
  padding-top: 92px;
  /* padding-bottom:35px; */
  overflow: auto;
  bottom: 0;
}
.layerTop {
  position: fixed;
  z-index: 20;
  width: 100%;
  top: 0;
  background-color: #fff;
  /* box-shadow: 0 0 6px rgba(0,0,0,0.15); */
}
.layerPopupBottom {
  position: fixed;
  font-size: 10px;
  background-color: rgb(242, 242, 242);
  padding: 10px;
  color: #666;
  height: 35px;
  z-index: 10;
  bottom: 0;
  width: 100%;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
}
.layerPopupCon {
  /*padding:5px 5px 15px 5px;*/
  /* overflow: auto; */
  /* height: 100%; */
  margin-bottom: 35px;
  background-color: #fff;
  /* display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; */
}

.layerPopupDim {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100;
  overflow: hidden;
  display: none;
}
/* .layerPopup.engineerPad {padding-top: 0px; overflow:hidden;} */

.layerPopupTop {
  position: relative; /*line-height: 25px;*/
  height: 56px;
}
.layerPopupTop .titleBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 56px;
  margin: 0 0 0 24px;
}
.layerPopupTop .titleBox .sub_tit {
  font-size: 0.6875em;
  font-weight: bold;
  color: rgb(127, 127, 127);
  margin: 0 0 2px 0;
}
.layerPopupTop .titleBox .tit {
  font-size: 1.125em;
  font-weight: 600;
  color: rgb(38, 38, 38);
}
.layerPopupTop .term_tit {
  position: absolute;
  top: 12px;
  left: 0px;
  font-size: 15px;
}
.layerPopupTop .headerBtnBox {
  width: 140px;
  height: 100%;
  position: absolute;
  right: 4px;
  top: 0;
  text-align: right;
}
.layerPopupTop .headerBtnBox .closeView {
  background: url(../../img/phase2/btn_action_close_nor.png) center no-repeat;
  background-size: 32px auto;
}
.layerPopupTop .headerBtnBox .closeView {
  position: absolute;
  right: 0;
  top: 50%;
  width: 44px;
  height: 44px;
  overflow: hidden;
  text-indent: -10000%;
  margin-top: -22px;
  text-align: left;
  -webkit-tap-highlight-color: transparent;
  outline: none;
}
.layerPopupTop .headerBtnBox .closeView:active {
  background-color: transparent;
  background: url(../../img/phase2/btn_action_close_sel.png) center no-repeat;
  background-size: 32px auto;
}
.layerPopupStatus {
  background-color: #f5f5f5;
  display: flex;
  align-items: center;
  height: 36px;
  padding: 7px 0 5px 24px;
  color: #fff;
}
.layerPopupStatus .tit {
  font-size: 0.75em;
  font-weight: lighter;
  color: #7f7f7f;
}
.layerPopupStatus .titDivider {
  font-size: 0.75em;
  font-weight: bold;
  color: #7f7f7f;
  margin: 0 8px;
}
.layerPopupStatus .titDetail {
  font-size: 0.75em;
  font-weight: bold;
  color: #262626;
}
.layerPopupStatus .retrieveDetail {
  font-size: 0.75em;
  font-weight: bold;
  color: #5b5b5b;
  word-break: keep-all;
}
/*.layerPopup.engineerPad .layerPopupCon{position:relative;height: calc(100% - 110px);overflow-y: auto;}*/

/* terms */
.layerPopup.terms .layerPopupBottom {
  position: fixed;
  bottom: 0;
  height: 50px;
  padding: 9px;
}
.layerPopup.terms .layerPopupTop {
  position: fixed;
  top: 0;
}
.layerPopup.terms .layerPopupCon {
  overflow: auto;
  margin-top: 0px;
  margin-bottom: 50px;
  padding: 5px;
}
.layerPopup.terms {
  bottom: 0px;
  overflow: hidden;
  padding-bottom: 50px;
}
.layerPopup.terms .layerPopupTop .sub_tit {
  position: absolute;
  top: -11px;
  left: 15px;
  font-size: 10px;
  color: rgb(127, 127, 127);
}
.layerPopup.terms .layerPopupTop .tit {
  font-size: 16px;
  font-weight: bold;
  top: 8px;
  padding: 10px 10px 10px 15px;
  color: #333;
}
.layerPopup.terms button {
  border: none;
}
.layerPopup.terms table button {
  border: none;
  background: none;
  font-size: 11px;
}
.layerPopup.terms .allViewPop {
  display: none;
  z-index: 2000;
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  padding: 0;
  background: none;
  border: none;
}
.layerPopup.terms .allViewPopInner {
  position: relative;
  top: 50%;
  left: 50%;
  padding: 42px 10px 15px;
  background-color: #fff;
  border: 1px solid #d5d4d7;
  width: 300px;
  transform: translate(-50%, -50%);
}
.layerPopup.terms .allViewTwrap {
  overflow-y: auto;
  max-height: 400px;
}

.layerPopup.terms .allViewT {
  border: 1px solid #d5d4d7;
}
.layerPopup.terms .allViewT thead th {
  font-size: 11px;
  font-weight: bold;
  color: #555;
  border-top: 1px solid #d5d4d7;
  border-bottom: 1px solid #d5d4d7;
  border-right: 1px solid #d5d4d7;
  background-color: #e6e5e8;
  padding: 6px;
}
.layerPopup.terms .allViewT tbody td {
  color: #666;
  font-size: 11px;
  border: 1px solid #d5d4d7;
  text-align: left;
  padding: 6px;
}
.layerPopup.terms .allViewT h3 {
  font-size: 11px;
  font-weight: bold;
  color: #555;
  border-top: 1px solid #d5d4d7;
  background-color: #e6e5e8;
  padding: 6px;
}
.layerPopup.terms .allViewT ul {
  overflow: hidden;
  width: 100%;
  border-top: 1px solid #d5d4d7;
}
.layerPopup.terms .allViewT ul li {
  float: left;
  color: #666;
  font-size: 11px;
  border-top: 1px solid #d5d4d7;
  border-left: 1px solid #d5d4d7;
  text-align: left;
  padding: 6px;
  width: 25%;
  height: 50px;
}
.layerPopup.terms .allViewT ul.all_view_4 li:nth-child(4n + 1) {
  border-left: none;
}
.layerPopup.terms .allViewT ul.all_view_3 li {
  width: 33.33%;
}
.layerPopup.terms .allViewT ul.all_view_3 li:nth-child(3n + 1) {
  border-left: none;
}
.layerPopup.terms .allViewT ul.all_view_5 li {
  width: 20%;
}
.layerPopup.terms .allViewT ul.all_view_5 li:nth-child(5n + 1) {
  border-left: none;
}

.layerPopup.terms ol,
.layerPopup.terms ul {
  list-style: none;
}

/* error */
.layerPopup.error {
  padding-top: 50px;
  bottom: 0px;
}
.layerPopup.error .layerPopupTop {
  background-color: #f1f1f1;
}
.layerPopup.error .tit {
  position: absolute;
  top: 1px;
}

#terms2 {
  font-weight: bolder;
}
#commonFront.hide {
  display: none;
}
#reservationView.hide {
  display: none;
}

#commonFront .termsDl > dd {
  margin-top: 5px;
}

#terms {
  padding: 15px 25px 0px;
}

#terms .terms-label {
  font-size: 0.9em;
  font-weight: 400;
}
#terms .terms-show {
  cursor: pointer;
  text-decoration: underline;
}
/* #terms .terms-label:hover{   text-decoration: underline;} */
#terms #termsContent {
  position: relative;
  /* left:0; top:0px;  */
  text-align: left;
  font-size: 10px;
  background-color: #ececec;
  border: solid 1px #dddddd;
  border-radius: 3px;
  padding: 8px 14px;
  margin: 10px;
  height: 100px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 20px 0px;
}
.terms2 {
  width: 100%;
  height: 100px;
  border: solid 1px;
  overflow-y: scroll;
}

/* userInfo*/
#userInfo {
  box-sizing: border-box; /*margin:10px 0px;*/
}
#userInfo .title {
  background-color: #ffffff;
  font-size: 1.25em;
  font-weight: lighter;
  padding: 24px 24px 0px 24px;
  color: #262626;
  display: flex;
  justify-content: space-between;
}
#userInfo .red {
  color: #00a0b6;
}
#userInfo .red .text {
  color: #262626;
  font-size: 0.6125em;
  font-weight: bold;
}
#userInfo #userField {
  line-height: 35px;
}
#userInfo #userField input[type='text'] {
  width: 100%;
  padding: 2px;
  border: none;
  border-bottom: 1px solid #e84472;
  background-color: inherit;
  resize: vertical;
  margin-bottom: 10px;
}
#userInfo label {
  padding: 2px;
}
#userInfo .notice {
  /*margin-top: 20px ; */
  line-height: 20px;
  padding: 12px 24px 20px 24px;
  background-color: #ffffff;
}
#userInfo .notice p {
  color: #7f7f7f;
  font-size: 0.75em;
  font-weight: lighter;
  padding-left: 0.7em;
  text-indent: -0.7em;
}
#userInfo .notice.retrieve p {
  color: #7f7f7f;
  font-size: 0.75em;
  font-weight: lighter;
  padding-left: 0.7em;
  text-indent: -0.7em;
}
#userInfo .retrieve {
  margin-top: 20px;
}
#userInfo .bottom,
#loginErr .bottom {
  margin-bottom: 30px; /*position:fixed;*/
  background-color: #ffffff;
  height: 65px;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0px 24px;
}
#userInfo button,
#reservationView .btnListH button,
#reservationResult .btnListH button,
#counselResult .btnListH button {
  color: #ffffff; /* height: 40px; line-height: 40px; */
  border: 1px solid #e2e0e4;
  border-radius: 10px;
  width: 100px;
}
#userInfo button.cancel,
#userInfo button.confirm,
button.confirm,
#reservationView .btnListH,
#loginErr button.cancel {
  background: none;
  color: #00a0b6;
  outline: 0 none;
  border: 0;
  width: 64px;
  height: 40px;
  font-size: 0.9375em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#reservationView .bottom button {
  background: none;
  color: #00a0b6;
  outline: 0 none;
  border: 0;
  width: 100px;
  height: 50px;
  font-size: 0.94em;
  font-weight: 400;
}
#reservationView .bottom {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#userInfo button.cancel:active,
#userInfo button.confirm:active {
  color: #262626;
}
#userInfo button.next {
  background-color: #e63869;
}
#userInfo .col-25 {
  float: left;
  width: 25%;
}
#userInfo .col-75 {
  float: left;
  width: 75%;
}

#userInfo .basicLabel {
  color: #000;
  font-size: 0.75em;
}
#userInfo .basicInput {
  color: #000;
  font-size: 0.8125em;
  word-break: normal;
}

#userInfo input:disabled {
  background: #f9f9f9;
  color: #969696;
  border-radius: 2px;
}
#userInfo .search-layer {
  position: relative;
}
#userInfo .input-layer {
  top: 33px;
  left: 0px;
  right: 0px;
  position: absolute;
  background: #fff;
  z-index: 1;
  /* width: calc(100% - 70px - 48px); */
  padding: 10px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 4px 12px 0 rgb(0 0 0 / 15%);
  max-height: 10rem;
  font-size: 0.83em;
  overflow-y: scroll;
  line-height: 2rem;
}
#userInfo .input-layer.hide {
  display: none;
}
#userInfo .input-layer li.search-option {
  cursor: pointer;
}
#userInfo .input-layer li.search-option:hover {
  background-color: #f3f3f3;
}
#userInfo .input-layer li.search-option span.search-highlight {
  color: #0a8297;
  font-weight: 600;
}
#userInfo .input-layer .no-data {
  text-align: center;
  color: #979797;
  font-weight: 600;
  font-size: 0.9em;
}

#commonFront .tabButton {
  color: #000;
  border-radius: 0px;
  width: 50%;
  border: none;
  border-bottom: 2px solid #e6e6e6;
  height: 35px;
}
#commonFront .userTab .tabButton.selected {
  border-bottom: 2px solid #333;
}
#commonFront .userTab {
  padding-top: 30px;
  display: flex;
}

#loginErr p {
  color: #7f7f7f;
  font-size: 0.9em;
  font-weight: lighter;
  line-height: 1.5em;
}
#loginErr .alertMsg {
  padding: 40px 20px;
}
.modelLabel {
  background: url(../img/btn_action_help_material_sel.png) right 15px center no-repeat;
  background-size: 22px;
  cursor: pointer;
}
#modelLayer.pop-layer {
  width: 95%;
  max-width: 500px;
  border-radius: 0px;
}
#modelLayer .pop-top {
  padding: 28px 0 14px;
  margin: 0 25px;
  border-bottom: 2px solid #222;
}
.noti-txt {
  font-weight: 700;
  font-size: 24px;
  line-height: 34px;
}
#modelLayer .example-list {
  padding: 0px 10px 20px;
}
#modelLayer .img {
  width: 100%;
  padding: 0px 10px 20px;
}
.example-list dl:first-child {
  padding-top: 0;
}
.example-list dl {
  padding-top: 4px;
  font-size: 0;
}
.example-list dl dt,
.example-list dl dd {
  display: inline-block;
  font-size: 0.8rem;
  line-height: 26px;
  vertical-align: top;
}
#modelLayer .img-cmt {
  margin-bottom: 5px;
  padding-left: 10px;
  font-size: 0.75rem;
}

#modelLayer .headerBtnBox .popupCloseView {
  background: url(../../img/phase2/btn_action_close_nor.png) center no-repeat;
  background-size: 32px auto;
}
#modelLayer .headerBtnBox .popupCloseView {
  position: absolute;
  right: 8px;
  top: 30px;
  width: 44px;
  height: 44px;
  overflow: hidden;
  text-indent: -10000%;
  margin-top: -22px;
  text-align: left;
  -webkit-tap-highlight-color: transparent;
  outline: none;
}
#modelLayer .headerBtnBox .popupCloseView:active {
  background-color: transparent;
  background: url(../../img/phase2/btn_action_close_sel.png) center no-repeat;
  background-size: 32px auto;
}

#modelLayer button.popupCloseView {
  width: 33px;
  height: 33px;
}

#ageSelDiv {
  /* margin: 0 0 0 15px; */
  display: grid;
  /*grid-gap: 5px;  */
  row-gap: 9px;
  column-gap: 5px;
  grid-template-columns: repeat(auto-fit, 100px);
  /*grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));*/
  /*grid-template-rows: repeat(2, 100px);*/
}

#ageSelDiv label {
  font-size: 13px;
}
#ageSelDiv input[type='radio'] {
  vertical-align: middle;
  border-radius: 10px;
}
/* Clear floats after the columns */
.row:after {
  content: '';
  display: table;
  clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .col-25,
  .col-75,
  input[type='submit'] {
    width: 100%;
    margin-top: 0;
  }
}

.horizontal_divider {
  width: 100%;
  height: 1px;
  background-color: #e1e1e1;
}

/* layer popup */
/* .pop-layer {
} */

#termsLayer .pop-container {
  padding: 15px 10px 10px 10px;
}
/* addr-confirm layer popup */
.pop-layer .pop-container .pop-top {
  font-size: 1.125em;
  font-weight: 600;
  padding: 18px 24px 0px 24px;
}
.pop-layer .pop-container .pop-conts {
  /* border-bottom: 1px solid #aaaaaa; */
  /* font-size: 0.75em; */
  /* line-height: 20px; */
  overflow: auto;
  padding: 18px 24px 11px 24px;
  max-height: 60%;
}
/* .pop-layer .pop-container .pop-conts{
    overflow: scroll;
} */
.pop-layer .pop-container .pop-info {
  margin-top: 12px;
}

#addrConfirmLayer .pop-top {
  font-weight: 400;
  font-size: 1em;
}
#addrConfirmLayer .pop-conts {
  font-size: 0.9em;
  line-height: 1.5em;
}
#addrConfirmLayer .pop-info .col-75 {
  font-size: 0.9em;
  line-height: 1.5em;
}
#addrConfirmLayer .pop-info .col-25 {
  font-size: 0.8em;
  line-height: 1.5em;
}

.pop-layer .pop-container .pop-bottom {
  height: 54px;
  padding: 0px 24px 14px 24px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.pop-layer .pop-container .pop-bottom button {
  height: 100%;
  font-weight: 400;
  min-width: 64px;
  color: #0a8297;
  border: 0;
  outline: 0 none;
}
.pop-layer .pop-container .pop-bottom button:disabled {
  background: #fff !important;
  color: #aaa;
}
.pop-layer p {
  color: #262626;
  font-size: 0.9375em;
  font-weight: lighter; /* line-height: 25px; */
}
/* .pop-layer .btn-r {  width: 100%;  margin: 10px 0 20px;  padding-top: 10px;  text-align: right;} */
/* .pop-layer {position: absolute;  top: 50%;left: 50%;  width: 300px;  height: auto;  background-color: #fff; z-index: 10; border: none; border-radius: 20px;} */
.pop-layer {
  max-width: 500px;
  width: 80%;
  height: auto;
  background-color: #fff;
  z-index: 10;
  border: none;
  border-radius: 20px;
}
#modifyPopup.pop-layer {
  max-width: 500px;
  width: 85%;
  height: auto;
  background-color: #fff;
  z-index: 10;
  border: none;
  border-radius: 20px;
}
#cancelPopup.pop-layer {
  max-width: 500px;
  width: 85%;
  height: auto;
  background-color: #fff;
  z-index: 10;
  border: none;
  border-radius: 20px;
}
.dim-layer {
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
}
.dim-layer .dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
/* .dim-layer .pop-layer {  display: block; z-index: 201; max-height:80%; overflow:auto} */
.dim-layer .pop-layer {
  display: block;
  z-index: 201;
}
/* a.btn-layerCancel {  display: inline-block;height: 25px;  padding: 0 14px 0; background-color: #666;  font-size: 13px;  color: #fff;line-height: 25px;}
a.btn-layerCancel:hover {background-color: #aaaaaa;color: #fff;}
a.btn-layerConfirm {  display: inline-block;height: 25px;  padding: 0 14px 0;background-color: #e63869;  font-size: 13px;  color: #fff;line-height: 25px;}
a.btn-layerConfirm:hover {background-color: #aaaaaa;color: #fff;} */

.pop-conts .title {
  font-weight: 600;
}
.pop-conts .col {
  min-height: 2.25em;
  float: left;
  display: flex;
  align-items: flex-start;
}
.pop-conts .col-25 {
  width: 25%;
  font-size: 0.75em;
  font-weight: 600;
}
.pop-conts .col-75 {
  width: 75%;
  font-size: 0.9375em;
  font-weight: lighter;
  padding-left: 12px;
}

#rsrvViewSlide .swiper-slide,
#reservationUpdate .swiper-slide {
  height: auto !important;
  margin-left: 10px;
}
#reservationUpdate .swiper-slide {
  height: auto !important;
  margin-left: 10px;
}
.swiper-slide:last-child {
  margin-right: 10px !important;
}
.swiper-wrapper {
  height: auto !important;
}
.swiper-wrapper .dateChoiceTbl {
  text-align: center;
}
.swiper-container {
  width: 100%;
  padding: 0px;
}
.swiper-pagination-bullet-active {
  background: #0a8297;
}
#timeChoiceSlide .swiper-pagination-bullets {
  bottom: 3px;
}
#engineerChoiceSlide .swiper-pagination-bullets {
  bottom: 3px;
}

/* #reservationResult, #counselResult{overflow-x: scroll;} */
#resultMsg,
#prodInfoResult,
#userInfoResult,
#rsrvInfoResult {
  padding: 20px 0px;
}
#resultMsg,
#prodInfoResult,
#userInfoResult,
#rsrvInfoResult {
  overflow: auto;
}
/* #resultMsg {text-align: center; padding: 20px;} */
/* #resultMsg p { margin-top: 5px} */
/* #resultImg img{border-radius: 50%; width:70px} */

#rsrvConfirm,
#rsrvConfirmCouncel {
  padding: 20px 0px;
}
/* #engineer_img_result {
    height: 100px;
    border: 1px solid #e7e6e9;
    background: url(../../img/engineer_bg.png) center no-repeat #f8f8f9;
    background-size: 29px auto;
} */
.eng_txt {
  padding-bottom: 10px;
  font-size: 11px;
}
#resultMsgCounsel,
#prodInfoCounsel,
#userInfoCounsel,
#rsrvInfoCounsel {
  padding: 10px 0px;
}
#resultMsgCounsel,
#prodInfoCounsel,
#userInfoCounsel {
  overflow: auto;
}

#resultMsg,
#resultMsgCounsel {
  text-align: center;
  padding: 25px 24px;
  line-height: 20px;
}
#resultMsg p,
#resultMsgCounsel p {
  font-size: 15px;
  color: #262626;
}
#resultMsg p.small,
#resultMsgCounsel p.small {
  font-size: 12px;
  color: #7f7f7f;
  margin-top: 10px;
}
#resultMsg p.bold,
#resultMsgCounsel p.bold {
  font-size: 15px;
}
#resultImg,
#resultImgCounsel {
  padding-bottom: 20px;
}
#resultImg img,
#resultImgCounsel img {
  border-radius: 50%;
  width: 70px;
}

#reservationResult .row,
#counselResult .row,
#noMemberResult .row,
#memberResult .row,
#signupResult .row {
  margin: 10px 0px;
}
#reservationResult .col-25,
#counselResult .col-25,
#noMemberResult .col-25,
#memberResult .col-25,
#signupResult .col-25 {
  float: left;
  width: 25%;
  padding-left: 20px;
  font-weight: 600;
  font-size: 12px;
  color: #262626;
}
#reservationResult .col-75,
#counselResult .col-75,
#noMemberResult .col-75,
#memberResult .col-75,
#signupResult .col-75 {
  float: left;
  width: 75%;
  padding-left: 20px;
  font-weight: lighter;
  font-size: 15px;
  color: #262626;
}
#reservationResult .red,
#counselResult .red,
#noMemberResult .red,
#memberResult .red,
#signupResult .red {
  color: #e84472;
}
#reservationResult .line,
#counselResult .line,
#noMemberResult .line,
#memberResult .line,
#signupResult .line {
  height: 5px;
  border-bottom: solid #b3aaaa 1px;
}

.layerPopupCon .result .title {
  height: 36px;
  line-height: 36px;
  padding: 0px 24px;
  background-color: #f5f5f5;
}
.layerPopupCon #rsrvConfirmCouncel,
.layerPopupCon #rsrvConfirm {
  width: 100%;
  height: 64px;
  display: flex;
  justify-content: flex-end;
  padding: 0px 24px;
}
.layerPopupCon #rsrvConfirmCouncel .type2,
.layerPopupCon #rsrvConfirm .type2 {
  width: 64px;
  color: #00a0b6;
  font-size: 15px;
}
.layerPopupBottom .terms {
  cursor: pointer;
}
.layerPopupCon #center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#errImg {
  text-align: center;
  padding: 20px;
  letter-spacing: 1px;
}
#errImg Img {
  border-radius: 50%;
  width: 80px;
  height: 80px;
}

#errMsg {
  text-align: center;
  font-size: 15px;
  color: #262626;
}
#errMsgSub {
  width: 220px;
  height: 104px;
  border-radius: 12px;
  border: 1px solid #e1e1e1;
  margin-top: 20px;
  color: #262626;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#errMsgSub .title {
  color: #00a0b6;
  font-size: 16px;
  margin-bottom: 6px;
}

#dateNoBtn {
  margin: 5px;
  background: none;
  color: #00a0b6 !important;
  border: 0px !important;
}
.reserveFailConfirm {
  width: 100% !important;
  display: flex;
  justify-content: flex-end;
}

.reserveFail {
  font-size: 15px;
  color: #262626;
  background: url(../../img/phase2/img_error.png) center 18px no-repeat #ffffff;
  background-size: 80px;
  padding: 115px 10px 22px;
  text-align: center;
}

/*pc화면 스크롤 버튼*/
.slideBtn_pc {
  display: block;
}
/*small*/
.slideBtn_pc .swiper-button-next,
.slideBtn_pc .swiper-button-prev {
  width: 24px;
  height: 32px;
  margin-top: -16px;
  overflow: hidden;
  text-indent: -9999em;
  vertical-align: top;
  background-image: url(../../img/btn_arr_pc_1.png);
  background-size: auto;
  background-position: left top;
}
.slideBtn_pc .swiper-button-prev {
  left: 0;
}
.slideBtn_pc .swiper-button-next {
  right: 0;
  background-position: right top;
}
.slideBtn_pc .swiper-button-prev:hover {
  background-position: left -64px;
}
.slideBtn_pc .swiper-button-next:hover {
  background-position: right -64px;
}
.slideBtn_pc .swiper-button-prev:active {
  background-position: left -96px;
}
.slideBtn_pc .swiper-button-next:active {
  background-position: right -96px;
}
.slideBtn_pc .swiper-button-prev.swiper-button-disabled,
.slideBtn_pc .swiper-button-next.swiper-button-disabled {
  opacity: 1;
  background: none;
  display: none;
}

/* Blur 효과 */
.slideBlur {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
  background: transparent;
}
.slideBlur .swiper-button-blur-prev {
  width: 40px;
  height: 100%;
  background-image: -webkit-linear-gradient(to left, rgba(255, 255, 255, 0), #fff 80%);
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), #fff 80%);
}
.slideBlur .swiper-button-blur-next {
  width: 40px;
  height: 100%;
  background-image: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0), #fff 80%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 80%);
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  table-layout: auto;
}

.layerTopBtn {
  position: absolute;
  bottom: 55px;
  right: 20px;
  width: 30px;
  height: 30px;
  background: url(../../img/btn_top.png) center no-repeat;
  background-size: 100%;
  text-indent: -999999px;
  overflow: hidden;
  z-index: 106;
  display: none;
}

#termsChk {
  vertical-align: middle;
}

/* Error Page */
.layerPopupError .layerPopupTop .tit {
  font-size: 18px;
  line-height: 56px;
  text-align: start;
  padding: 0px 24px;
  font-weight: 600;
  background: #fff;
  border-bottom: 1px solid #e1e1e1;
}
.layerPopupError .layerPopupCon {
  height: calc(100% - 56px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.m-r {
  margin-right: 15px;
}
.m-l {
  margin-left: 15px;
}
.m-b {
  margin-bottom: 15px;
}
.m-b-lg {
  margin-bottom: 20px;
}
.m-b-xl {
  margin-bottom: 30px;
}

.terms .termsCon {
  font-size: 10px;
}

/* reservation View */
#reservationView .viewTitle {
  font-size: 0.9em;
  padding: 10px 10px 5px;
  border-bottom: 1px solid #313131;
}
#reservationView .viewTitle .colorStrong {
  color: #0a8297;
}
#reservationView .viewSubTitle {
  padding: 10px;
  line-height: 1.5rem;
  font-size: 0.9em;
}
#reservationView .rsrvViewBox {
  padding-bottom: 30px;
  font-size: 0.8em;
}
#reservationView .rsrvSlideCard {
  border: 1px solid #dbdada;
  text-align: left;
  border-radius: 10px;
  width: 17rem;
}
#reservationView .rsrvInfo {
  line-height: 1.3rem;
  padding: 13px 15px 15px;
  height: 330px;
  /* border-bottom: 1px solid #dbdada; */
}
#reservationView .rsrvInfo img {
  height: 90px;
}

/* 서비스매니저 메시지 전송 기능 추가 24-05 */
#reservationView .custUrge {
  padding: 0 15px 15px;
  width: 100%;
  height: 54px;
}
#reservationView .custUrge .btnCustUrge {
  display: inline-block;
  color: #0a8297;
  border: 1px solid #0a8297;
  width: 100%;
  padding: 10px;
  border-radius: 10px;
}
#reservationView .custUrge .btnCustUrge:disabled {
  background: #efefef;
  color: #9f9f9f;
  border: 1px solid #dbdada;
}

#reservationView .serviceName {
  font-weight: 600;
  padding-left: 30px;
}
#reservationView .serviceName.visit {
  background: url(../img/retrieve_visit.png) left no-repeat;
  background-size: 23px auto;
}
#reservationView .serviceName.engineer {
  background: url(../img/retrieve_engineer.png) left no-repeat;
  background-size: 23px auto;
}
#reservationView .serviceName.counsel {
  background: url(../img/retrieve_counsel.png) left no-repeat;
  background-size: 23px auto;
}

#reservationView .regiInfo,
#reservationView .prodInfo {
  padding-top: 10px;
  font-weight: 600;
}
#reservationView .rsrvCancel {
  padding: 15px;
  width: 100%;
  background: #fafafa;
  border-radius: 0px 0px 10px 10px;
  color: #0a8297;
  border-top: 1px solid #dbdada;
}
#reservationView .rsrvCancel.rsrvCancel50 {
  width: 50%;
  border-radius: 0px 0px 0px 10px;
}
#reservationView .rsrvBtns {
  display: flex;
  background-color: #fafafa;
  border-radius: 0px 0px 10px 10px;
}
#reservationView .rsrvBtns.disabled {
  background-color: #efefef;
}
#reservationView .rsrvMdf {
  width: 50%;
  border-radius: 0px 0px 10px 0px;
}
#reservationView .divider-vertical {
  border-left: 1px solid #e4e2e2;
  height: 2.6em;
  margin: 0.5em 0;
  background-color: #fafafa;
}
#reservationView .rsrvCancel:disabled {
  background: #efefef;
  color: #9f9f9f;
}
#rsrvViewSlide .swiper-pagination {
  width: 80px;
  height: 30px;
  position: relative;
  padding-top: 20px;
  bottom: 0px;
}
#cancelPopup {
  font-size: 0.9em;
}
#cancelPopup p {
  padding: 20px 0px;
}
#cancelPopup .cancelRadio {
  margin: 12px 0px;
}
#cancelPopup .cancelRadio input[type='radio'] {
  vertical-align: middle;
  border-radius: 10px;
}
/* #cancelPopup.pop-layer{border-radius:10px;width:400px} */
#cancelPopup label {
  padding-left: 5px;
}
#cancelPopup .custUrgeConfirm:disabled {
  color: #b5b5b5;
  background: #fff !important;
}

/* 서비스매니저 메시지 전송 기능 추가 24-05 */
#custUrgePopup p {
  padding: 10px 0px;
}
#custUrgePopup label {
  padding-left: 5px;
}
#custUrgePopup button:disabled {
  color: #b5b5b5;
  background: #fff !important;
}
#custUrgePopup textarea {
  width: 100%;
  height: 70px;
  border: 1px solid #dbdada;
  border-radius: 10px;
  font-size: 13px;
  padding: 10px;
  resize: none;
}
#custUrgePopup .txt-len {
  text-align: right;
  display: block;
  font-size: 0.9375em;
  padding-top: 10px;
}

#simplePopup .pop-img {
  width: 100%;
  height: 130px;
}
#simplePopup.pop-layer {
  border-radius: 10px;
}
#simplePopup .pop-img.img-done {
  background: url(../img/img_done.png) center no-repeat;
  background-size: 70px auto;
}
#simplePopup .pop-img.img-error {
  background: url(../img/img_error.png) center no-repeat;
  background-size: 70px auto;
}
#simplePopup p {
  font-size: 0.9rem;
  line-height: 1.3rem;
}
#simplePopup .pop-conts {
  padding: 0px 24px 11px 24px;
}
.slide-blur {
  width: 100%;
  height: 50%;
  z-index: 10;
  position: fixed;
  box-shadow: inset -15px 0px 3px -5px #ffffff, inset 15px 0px 3px -5px #ffffff;
  -webkit-box-shadow: inset -15px 0px 3px -5px #ffffff, inset 15px 0px 3px -5px #ffffff;
}

/*엔지니어슬라이드*/
#engineerChoiceSlide {
  background-color: #ffffff;
  padding: 15px 12px;
}
#engineerChoiceSlide .swiper-slide {
  width: 110px;
}
#engineerChoiceSlide .swiper-slide .engineerChoiceBtn {
  position: relative;
  width: 100%;
  height: 72px;
  border: 1px solid #e1e1e1;
  border-radius: 12px;
  background-color: #fff;
  outline: 0 none;
  align-items: center;
  justify-content: center;
}
#engineerChoiceSlide .swiper-slide .engineerChoiceBtn > span {
  display: block;
}
/* #engineerChoiceSlide .swiper-slide .engineerChoiceBtn .engineer_img {
    height: 100px;
    width: 75px;
    border: 1px solid #e7e6e9;
    background: url(../img/phase2/img_profile_default.png) center no-repeat #f8f8f9;
    background-size: 75px 100px;
}
#engineerChoiceSlide .swiper-slide .engineerChoiceBtn .engineer_img img {
    width: 100%;
    height: 100%;
} */
#engineerChoiceSlide .swiper-slide .engineerChoiceBtn .engineer_office {
  height: 32px;
  font-size: 0.8125rem;
  font-weight: lighter;
  color: #262626;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px 12px 0px 0px;
  border: none;
}
#engineerChoiceSlide .swiper-slide .engineerChoiceBtn .engineer_name {
  height: 40px;
  font-size: 1rem;
  font-weight: lighter;
  color: #262626;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0px 0px 12px 12px;
  border: none;
  border-top: 1px solid #e1e1e1;
}
#engineerChoiceSlide .swiper-slide .engineerChoiceBtn.on,
#engineerChoiceSlide .swiper-slide .engineerChoiceBtn.active {
  border-color: #0a8297;
}
/* #engineerChoiceSlide .swiper-slide .engineerChoiceBtn.on::before,
#engineerChoiceSlide .swiper-slide .engineerChoiceBtn.active::before{content: ''; position: absolute; left: 4px; top: 4px; width: 20px; height: 20px; background: url(../img/phase2/ic_badge_select.png) center no-repeat; background-size: 100%;} */
#engineerChoiceSlide .swiper-slide .engineerChoiceBtn.on > span,
#engineerChoiceSlide .swiper-slide .engineerChoiceBtn.active > span {
  color: #0a8297;
}
#engineerChoiceSlide .swiper-slide .engineerChoiceBtn.on .engineer_name,
#engineerChoiceSlide .swiper-slide .engineerChoiceBtn.active .engineer_name {
  background-color: #0a8297;
  color: #ffffff;
  font-weight: bold;
  border-radius: 0px 0px 12px 12px;
  border: none;
}
.errMsgBoxWrap {
  padding: 15px 12px;
}
.engineerChoiceNo {
  font-size: 15px;
  color: #262626;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px 24px;
  text-align: center;
}
.engineerChoiceNo .text {
  flex: 1;
  display: flex;
  align-items: center;
}
.engineerChoiceNo .bottom {
  width: 100%;
  height: 64px;
  display: flex;
  justify-content: flex-end;
}
.engineerChoiceNo .bottom .confirm {
  width: 64px;
  height: 40px;
  color: #00a0b6;
  font-size: 15px;
}
.fullHeight {
  height: 100%;
}
.engineerChoiceNo.fullheight {
  height: calc(100% - 88px);
}

/* 예약 뷰 슬라이드 */
.ChoiceSlideBox {
  position: relative;
}
#timeChoiceSlide {
  background-color: #ffffff;
  padding: 16px 15px;
  position: relative;
}
#timeChoiceSlide .swiper-slide-active {
  border: none;
}
#timeChoiceSlide .swiper-slide {
  width: 64px;
  margin-right: 8px !important;
}
#timeChoiceSlide .swiper-slide .timeChoiceBtn {
  height: 72px;
  border: 1px solid #e1e1e1;
  border-radius: 12px;
  background-color: #fff;
  width: 100%;
  outline: 0 none;
}
#timeChoiceSlide .swiper-slide .timeChoiceBtn .active {
  border: none;
}
#timeChoiceSlide .swiper-slide .timeChoiceBtn > span {
  display: block;
}
#timeChoiceSlide .swiper-slide .timeChoiceBtn .time1 {
  height: 32px;
  font-size: 0.8125rem;
  font-weight: lighter;
  color: #262626;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px 12px 0px 0px;
  border: none;
}
#timeChoiceSlide .swiper-slide .timeChoiceBtn .time2 {
  height: 40px;
  font-size: 1rem;
  font-weight: lighter;
  color: #262626;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0px 0px 12px 12px;
  border: none;
  border-top: 1px solid #e1e1e1;
}
#timeChoiceSlide .swiper-slide .timeChoiceBtn.on,
#timeChoiceSlide .swiper-slide .timeChoiceBtn.active {
  border: 1px solid #0a8297;
  background: #0a8297;
}
#timeChoiceSlide .swiper-slide .timeChoiceBtn.on,
#timeChoiceSlide .swiper-slide .timeChoiceBtn.active .time1 {
  background-color: #ffffff;
  color: #0a8297;
  font-weight: bold;
}
#timeChoiceSlide .swiper-slide .timeChoiceBtn.on .time2,
#timeChoiceSlide .swiper-slide .timeChoiceBtn.active .time2 {
  background-color: #0a8297;
  color: #ffffff;
  font-weight: bold;
  border-radius: 0px 0px 12px 12px;
  border: none;
}

#timeChoiceSlide .swiper-pagination {
  position: relative;
  display: inline-block;
  vertical-align: top;
  bottom: 0;
  top: 8px;
}
#timeChoiceSlide .swiper-pagination-bullet {
  text-indent: -9999px;
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
  margin: 0 5px;
}
#timeChoiceSlide .swiper-pagination-bullet-active {
  width: 8px;
  border-radius: 10px;
  background: #0a8297;
  opacity: 1;
  border-radius: 10px;
}

#modifyPopup .pop-title {
  padding: 20px 24px 0px 24px;
  font-size: 0.85em;
}
#modifyPopup .mdf-user-info {
  padding: 10px 10px 20px;
  font-size: 0.9em;
}
#modifyPopup .line {
  border: 1px solid #6d6d6d;
  margin: 5px 0px;
}
#modifyPopup .inquiry-list {
  font-size: 1em;
}
#modifyPopup .inquiry-list > li {
  margin-top: 10px;
  display: flex;
  font-size: 0.9em;
}
#modifyPopup .pop-conts {
  padding: 15px 10px;
}
#modifyPopup .pop-conts .title {
  font-weight: 600;
  color: #5a5a5a;
  width: 100px;
  font-size: 0.9em;
}
#modifyPopup .dateTitle,
#modifyPopup .timeTitle {
  font-size: 0.9em;
}
#modifyPopup .layerPopDl > dt {
  font-size: 0.9em;
  margin: 0px 10px;
}
#modifyPopup .layerPopDl .dateStatus > li {
  font-size: 0.8em;
}
#modifyPopup #dateChoiceSlide .swiper-slide {
  margin-left: 0px;
}
#modifyPopup .timeChoiceBox {
  padding: 0px 10px;
}
#modifyPopup #timeChoiceSlide {
  padding: 12px 0px;
}
#modifyPopup #timeChoiceSlide .swiper-slide .timeChoiceBtn .time1 {
  font-size: 0.9em;
}
#modifyPopup #timeChoiceSlide .swiper-slide .timeChoiceBtn .time2 {
  font-size: 0.9em;
}
#modifyPopup #timeChoiceSlide .swiper-slide {
  width: 60px;
  margin-right: 0 !important;
}
#modifyPopup .errMsgBoxWrap {
  padding: 15px 12px;
  font-size: 0.8em;
}
#modifyPopup .inputErrorMsgBox {
  line-height: 1.3em;
}
#reservationResult h3.title {
  font-size: 0.85em !important;
  font-weight: 400;
  padding-left: 10px;
}
#reservationResult .line1 {
  border: 1px solid #6d6d6d;
  margin: 5px 10px;
  height: 0px;
}
#reservationResult .col-75 {
  font-size: 0.81em !important;
}
#reservationResult .col-25 {
  font-size: 0.73em !important;
  padding-left: 10px;
}
.text-center {
  text-align: center;
}
#reservationUpdate .engineerChoiceNo {
  font-size: 0.9em;
}
#reserveErrMsg {
  border-top: 2px solid #6d6d6d;
  margin: 10px;
  padding-top: 10px;
  font-size: 0.8em;
}
#descFieldTr label {
  font-weight: bold;
}
#descTr textarea {
  border: 1px solid #e2e0e4;
  height: 4em;
  max-height: 4em;
  overflow: auto;
  border-radius: 5px;
  margin: 2px;
  width: 100%;
  margin-top: -1em;
  font-size: 0.75em;
  padding: 3px;
}
#descTr .txt-len {
  font-size: 0.7em;
  float: right;
  margin-top: 3px;
  color: #8e8e8e;
}

/* Survey NPS 방식의 만족도 평가를 위한 챗봇 UI 개선 25-01 */
.survey-main {
  text-align: center;
}
.survey-title {
  align-items: center;
  display: flex;
  justify-content: center;
  height: 3em;
  font-weight: 600;
  font-size: 16px;
}
.ratingBtns {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.ratingField {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row;
  border: none;
  gap: 0.125rem;
}
.ratingField .ratingBtn {
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-size: 2rem;
  background-image: url('../img/survey/ico-star-empty.svg');
  display: block;
  border: none;
  background-color: transparent;
  text-indent: -99999rem;
}
.ratingField .ratingBtn.active {
  background-image: url('../img/survey/ico-star-filled.svg');
}
.ratingField .ratingBtn.active.isHalf {
  background-image: url('../img/survey/ico-star-filled-left.svg');
  background-size: auto;
  width: 1rem;
}
.ratingField .ratingBtn.isHalf {
  position: absolute;
  background-size: auto;
  background-image: none;
  width: 1rem;
  height: 2rem;
}
.ratingField .ratingBtn.isHalf1 {
  transform: translate(0, 0);
}
.ratingField .ratingBtn.isHalf3 {
  transform: translate(2.125rem, 0);
}
.ratingField .ratingBtn.isHalf5 {
  transform: translate(4.25rem, 0);
}
.ratingField .ratingBtn.isHalf7 {
  transform: translate(6.375rem, 0);
}
.ratingField .ratingBtn.isHalf9 {
  transform: translate(8.5rem, 0);
}
.ratingBtns .ratingString {
  font-size: 14px;
  font-weight: bold;
  color: #000;
  width: 2.25rem;
  text-align: center;
}
.ratingButton {
  width: 1.5rem;
  height: 1.5rem;
  border: none;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  text-indent: -999999rem;
  margin: '0 0.625rem';
}
.ratingCount {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding-top: 0.625rem;
}
.ratingMinusButton {
  background-image: url('../img/survey/ico-counter-minus.svg');
}
.ratingPlusButton {
  background-image: url('../img/survey/ico-counter-plus.svg');
}

.survey-satisfied {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 30px;
}
.satisfiedContainer {
  margin: 0.75rem 0 0 0;
  display: flex;
  border-radius: 0.375rem;
  flex-direction: row;
  background-color: #f6f6f6;
}
.buttonSatisfed {
  width: 150px;
  border: none;
  height: 30px;
  font-size: 16px;
  background: #f5f5f5;
  text-align: center;
  font-weight: bold;
  line-height: 1.07;
  border-radius: 0.375rem;
  color: #7f7f7f;
}
.buttonSatisfed.active {
  color: #087e93;
  border: 1px solid #087e93;
  background: #fff;
}

.surveyOptionTitle {
  font-size: 13px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  align-content: center;
  flex-wrap: wrap;
}
#surveyDesc {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
  flex-wrap: wrap;
  align-content: center;
}
.toggleIcon {
  vertical-align: middle;
}

/************************************************/

.survey-star-sel {
  background: url(../img/survey/btn-rating-star-sel@2x.png) center no-repeat;
  background-size: 100%;
}
.survey-star-nor {
  background: url(../img/survey/btn-rating-star-nor@2x.png) center no-repeat;
  background-size: 100%;
}
.preload {
  width: 0px;
  height: 0px;
}
.survey-options {
  margin: 35px 20px;
  text-align: center;
  font-size: 0.9em;
  line-height: 0.9em;
}
.survey-options .option {
  margin: 15px 0px;
}
.survey-options ul {
  display: inline-block;
  text-align: left;
}
.survey-desc {
  padding: 0px 25px 25px;
  font-size: 0.9em;
}
#desc {
  border: 1px solid #e2e0e4;
  height: 70px;
  max-height: 70px;
  overflow: auto;
  border-radius: 5px;
  width: 300px;
  padding: 10px;
  font-size: 13px;
  line-height: 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.descTxtLen {
  color: #999;
  margin-top: 10px;
}
.survey-bottom {
  display: flex;
  height: 75px;
  align-items: center;
  justify-content: flex-end;
  padding-right: 20px;
}
.survey-bottom .cancel {
  color: #087e93;
  width: 50px;
  font-weight: 600;
  font-size: 15px;
}
.survey-bottom .confirm {
  width: 100px;
  font-weight: 600;
  color: #087e93;
}
.survey-result {
  font-weight: 600 !important;
  font-size: 1.1em !important;
  margin-bottom: 20px;
  line-height: 1.5em !important;
}
.survey-options li {
  display: flex;
  align-items: center;
  line-height: 1.2em;
}
.survey-options input[type='radio'] {
  position: absolute;
  left: -99px;
  top: 0px;
}
.survey-options li label {
  background: url(../img/survey/radio_default.png) left center no-repeat;
  background-size: 16px 16px;
  padding-left: 20px;
  overflow: hidden;
}
.survey-options li.checked label {
  background-image: url(../img/survey/radio_selected.png);
}

/* SFDC API 연동 추가 CSS 23-05 */
#btnSearchAddress {
  font-size: 0.75em;
  padding: 5px 0;
  width: 60px !important;
  margin-left: 5px;
  background-color: #00a0b6 !important;
  border: none !important;
  border-radius: 5px !important;
}
#userAddress {
  outline: none;
}

/* 예약 접수 및 예약 변경시 해당 시간대 선택 시 시간대 선택 버튼 하단에 안내 문구 출력 (23-09) */
#timeChoiceGuideMsg {
  padding-left: 17px;
  background: url(../img/img_error.png) left top no-repeat;
  background-size: 13px;
  color: #e84472;
  margin: 10px 0 0 20px;
  font-size: 11px;
  line-height: 15px;
}

/* 출장 점검료 안내, 세척서비스 안내 예약시 타이틀 노출 수정 (23-09) */
#inputTitleMsgBox {
  padding-left: 17px;
  background: url(../img/ic_error.png) left top no-repeat;
  background-size: 13px;
  font-size: 0.8125em;
  line-height: 1em;
  color: #e65a2e;
  font-weight: lighter;
  margin-top: 0;
}

/* [카카오V2][ChatbotV2] 평일주간 출장비 인상에 따른 출장 접수시 문구 수정의 건 24-08 */
.goCleaningSvc {
  text-decoration: underline;
  display: block;
  padding-top: 10px;
}