/* 상담신청 , 견적요청,  Q&A 공통 */
.container.inquiry .area-pages-top {}
.container.inquiry .area-pages-content {margin-top:0;}
.container.consultation .area-pages-top .page-title + .add-text:before {content:'';width:100%;max-width:1080px;height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%);background-size:17.5rem;}

.container.inquiry .terms-wrap {position:relative;}
.container.inquiry .terms-wrap .toggle-btn {position:absolute;top:0;right:1rem;color:#666;font-size:.7rem;font-weight:300;cursor:pointer;}
.container.inquiry .terms-wrap .terms-detail {display:none;max-height:4rem;margin-top:1rem;padding:1rem;border:1px solid #c8c8c8;box-sizing:border-box;font-size:.8rem;font-weight:300;color:#666;}
.container.inquiry .terms-wrap.open .terms-detail {display:block;max-height:8rem;overflow-y:scroll;font-size:.7rem;}

.area-inquiry-form {position:relative;width:calc(100% - 22rem);float:none;margin:0 auto;padding:2rem 4.5rem;border:1px solid #c8c8c8;background:#fff;box-sizing:border-box;box-shadow:5px 10px 15px rgba(0,0,0,0.1);font-size:.9rem;z-index:2;}

@media screen and (min-width: 769px) {
    .area-membership {width:90%;margin:0 auto;padding:2rem;}
    .container.consultation .area-inquiry-form {padding-top:3rem;}
}
@media screen and (max-width: 768px) {
    .container.consultation .area-pages-content {margin-bottom:0;}
    .container.inquiry.qna  .area-pages-content {margin-bottom:0;}
    .container.quote .area-pages-content {margin-bottom:0;}
    .area-inquiry-form {width:100%;padding:2rem;float:none;margin:0 auto;font-size:1.08rem;}
    .area-inquiry-form textarea {min-height:6.5rem;}

}
@media screen and (max-width: 640px) {
    .container.consultation .area-pages-top .page-title + .add-text {padding:2rem 1rem 2rem 20%;box-sizing:border-box;background:#f8f8f8;text-align:left}
    .container.consultation .area-pages-top .page-title + .add-text:before {width:50%;max-height:100%;left:0;transform:none;background-size:contain;}
    .container.inquiry.login .area-pages-content,
    .container.inquiry.join .area-pages-content {background:#f8f8f8;}
    .container.inquiry .area-pages-content .flex-wrap {width:100%;}
    .container.inquiry .terms-wrap .toggle-btn {font-size:1rem;}
}

/*
    약관 동의 영역
*/
.agreement-all {display:block;padding:.5rem 0 1rem;border-bottom:1px solid #c8c8c8;}
.agreement-each {padding:1rem;}
.agreement-each .chk {width:100%;margin:0;}
.terms-wrap {position:relative;}
.terms-wrap ~ .terms-wrap {margin-top:1rem;}
.terms-wrap .toggle-btn {position:absolute;top:0;right:0;font-size:.8rem;cursor:pointer;z-index:1;color:#1ec95b;font-weight:300;}
.terms-wrap .terms-detail {display:none;max-height:8rem;margin-top:1rem;padding:1rem;border:1px solid #c8c8c8;box-sizing:border-box;font-size:.7rem;font-weight:300;color:#666;overflow-y:auto;}
.terms-wrap.open .terms-detail {display:block;}


.area-inquiry-form .input-wrap + .input-wrap {margin-top:2rem;}
.area-inquiry-form .input-wrap .tit {margin-bottom:.5rem;}
.area-inquiry-form .input-wrap .tit + .line-style {margin-top:-.3rem;}
.area-inquiry-form .input-wrap .tit + .line-style:before {background:#333;}
.area-inquiry-form .input-wrap p + p {margin-top:.5rem;}
.area-inquiry-form .input-wrap .input {position:relative;}
.area-inquiry-form .input-wrap * ~ .input {margin-top:2rem;}
.area-inquiry-form .input-wrap *[class^=message-] {position:relative;height:13em;text-align:center;}
.area-inquiry-form .input-wrap .message-check-email {background:#edeef2;letter-spacing:0;}
.area-inquiry-form .input-wrap .message-send-email {line-height:160%;}
.area-inquiry-form .input-wrap *[class^=message-] .text-wrap {position:absolute;top:50%;left:0;transform:translateY(-50%);display:block;width:100%;}
.area-inquiry-form .input-wrap *[class^=message-] .text-wrap .tit,
.area-inquiry-form .input-wrap *[class^=message-] .text-wrap em {display:block;width:100%;}
.area-inquiry-form .input-wrap *[class^=message-] .text-wrap .exp-txt {display:block;margin:2rem auto 0;color:#666;line-height:150%;word-break:keep-all;}
.area-inquiry-form .input-wrap .exp-txt {margin:1rem 0;font-size:.8rem;color:#666;font-weight:300;letter-spacing:-1px;}
.area-inquiry-form .input-wrap .exp-txt a:hover {text-decoration:underline;}
.area-inquiry-form .input-wrap .input ~ .input,
.area-inquiry-form .input-wrap .input ~ .input-wrap,
.area-inquiry-form .input-wrap .input-wrap ~ .input-wrap,
.area-inquiry-form .input-wrap .input-wrap ~ .input {margin-top:1.7rem;}
.area-inquiry-form .input-wrap .input.column {position:relative;}
.area-inquiry-form .input-wrap .input-multi-select {border:1px solid #333;}
.area-inquiry-form .input-wrap .input-multi-select .chk-custom-wrap span {width:calc((99.9% - 1.2rem) / 3);}
.area-inquiry-form .input-wrap .input-multi-select .chk-custom-wrap input[type=checkbox] + label {padding:.3rem 0;}
.area-inquiry-form .input-wrap.agreement .tit {font-size:.8rem;color:#666;}

@media screen and (max-width: 767px) {
    .area-inquiry-form {border:none;box-shadow:none;}
    .area-inquiry-form .input-wrap .exp-txt {font-size:.92rem;}
    .area-inquiry-form .input-wrap.agreement .tit {font-size:.92rem;}
    .area-inquiry-form .input-wrap .m-full [class^=col] {position:relative;}
    .area-inquiry-form .require-notice {position:relative;bottom:auto;right:auto;text-align:right;}
}

/* Q & A */
.list-wrap-qna {border-top:1px solid #333;}
.list-wrap-qna .roll-box {position:relative;padding:1.5rem;/*padding:1.5rem 1.5rem 1.5rem 3.25rem;*/border-bottom:1px solid #c5c5c5;box-sizing:border-box;}
.list-wrap-qna .roll-box a {display:block;padding-right:5rem;box-sizing:border-box;}
.list-wrap-qna .roll-box .q-title {position:relative;display:inline-block;width:auto;max-width:98%;padding-right:2rem;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.1rem;}
/*.list-wrap-qna .roll-box .q-title i {position:absolute;top:0;right:calc(100% + .5rem);width:1.5rem;height:1.5rem;font-size:0;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/qna-icon-question.png) no-repeat;background-size:1.5rem;}*/
.list-wrap-qna .roll-box .q-title .comment-num {position:absolute;top:0;right:0;display:inline-block;width:2rem;text-align:center;color:#1ec956;}
.list-wrap-qna .roll-box .user-info {margin-top:1rem;font-size:.8rem;color:#666;font-weight:300;}
.list-wrap-qna .roll-box .user-info .user-name {}
.list-wrap-qna .roll-box .user-info .user-date {margin-left:.5rem;}
.list-wrap-qna .roll-box .user-info .count {margin-left:.5rem;}
.list-wrap-qna .roll-box .q-process {position:absolute;top:50%;right:1rem;transform:translateY(-50%);color:#999;}
.list-wrap-qna .roll-box .q-process.complete {color:#1ec956;}

.view-wrap-qna {border-top:1px solid #333;}
.view-wrap-qna .view-header {position:relative;padding:1.5rem 1.5rem 1.5rem 3.25rem;border-bottom:1px dashed #c5c5c5;box-sizing:border-box;}
.view-wrap-qna .view-header .q-title {position:relative;font-size:1.1rem;}
.view-wrap-qna .view-header .q-title i {position:absolute;top:0;right:calc(100% + .5rem);width:1.5rem;height:1.5rem;font-size:0;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/qna-icon-question.png) no-repeat;background-size:1.5rem;}
.view-wrap-qna .view-header .user-info {margin-top:1rem;font-size:.8rem;color:#666;font-weight:300;}
.view-wrap-qna .view-header .user-info .user-name {}
.view-wrap-qna .view-header .user-info .user-date {margin-left:.5rem;}
.view-wrap-qna .view-header .user-info .count {margin-left:.5rem;}
.view-wrap-qna .view-header .q-process {position:absolute;top:50%;right:1rem;transform:translateY(-50%);}
.view-wrap-qna .view-header .q-process.complete {color:#1ec956;}
.view-wrap-qna [class*='view-content-'] {position:relative;padding:1.5rem 7rem 1.5rem 3.25rem;box-sizing:border-box;word-break:break-word;}
.view-wrap-qna .view-content-question {}
.view-wrap-qna .view-content-question ~ .view-content-question {background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/qna-icon-question.png) 1.5rem 1.5rem no-repeat;background-size:1.5rem;}
.view-wrap-qna .view-content-answer {background:#f8f8f8 url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/qna-icon-answer.png) 1.5rem 1.5rem no-repeat;background-size:1.5rem;color:#666;}
.view-wrap-qna [class*='view-content-'] .write-date {position:absolute;top:1.5rem;right:1.5rem;font-size:.8rem;color:#666;font-weight:300;}
.view-wrap-qna .view-content-comment {padding:1.5rem;}
.view-wrap-qna .view-content-comment textarea {min-height:10rem;}

@media screen and (min-width: 768px) {
    .area-board-basic .button-wrap .button {min-width:10rem;}
    .area-board-basic .button-wrap .button + .button {margin-left:1rem;}
}
@media screen and (max-width:768px){
    .view-wrap-qna .view-header .q-title,
    .list-wrap-qna .roll-box .q-title {font-size:1.32rem;}
    .list-wrap-qna .roll-box .user-info,
    .view-wrap-qna .view-header .user-info {margin-top:.5rem;font-size:1.08rem;}
    .list-wrap-qna .roll-box .q-process,
    .view-wrap-qna .view-header .q-process {font-size:1.16rem;}
    .view-wrap-qna [class*='view-content-'] .write-date {font-size:1rem;}
    .view-wrap-qna .view-content-question {font-size:1.08rem;}
    .view-wrap-qna .view-content-answer {font-size:1.08rem;}


}
@media screen and (max-width: 767px) {
    .inquiry.board .page-title + .add-text .button-wrap .button {width:90%;max-width:none;}
    .inquiry.board .area-board-list {width:90%;margin:0 auto;}
    .list-wrap-qna .roll-box {padding:1.5rem 0;}

    .view-wrap-qna .view-header + .view-content-question {padding:1.5rem 0;}

}


/* 고마워요 edm */
#aif-cs-title {
    height: 2.3rem;
}
.star-rating {
    display: flex;
    flex-direction: row-reverse;
    font-size: 3.5vw;
    text-align: left;
    width: 20vw;
}
.star-rating input {
    display: none;
}

.star-rating label {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2.3px;
    -webkit-text-stroke-color: #2b2a29;
    cursor: pointer;
}

.star-rating :checked ~ label {
    -webkit-text-fill-color: gold;
}


.star-rating label:hover,
.star-rating label:hover ~ label {
    -webkit-text-fill-color: #fff58c;
}

.star-rating:hover label{
    -webkit-text-fill-color: transparent;
}
.star-rating label:hover{
    -webkit-text-fill-color: #fff58c;

}
@media screen and (max-width: 767px) {
    .star-rating {
        font-size: 12.2vw;
        width: 70vw;
    }
}
@media screen and (max-width: 640px) {
    .container.consultation .area-pages-top .page-title + .add-text.yg-text {text-align: center; padding: 2rem 0 ;}
}


.consultation input[type="date"]::-webkit-calendar-picker-indicator,
.consultation input[type="date"]::-webkit-inner-spin-button {
    display: none;
    appearance: none;
}
.consultation-con1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .5rem;
}
.consultation-con1 > label {
    display: flex;
    align-items: center;
}
.consultation-con1 > label > input {
    margin-right: .3rem;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: relative;
    top: 50% !important;
    transform: translateY(-50%);
}
.ui-datepicker .ui-datepicker-prev::before,
.ui-datepicker .ui-datepicker-next::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) rotate(90deg);
    width: 1rem;
    height: 0.3rem;
    background: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/sp-ui-kit-x2.png) no-repeat 0 -0.4rem;
    background-size: 19.5rem;
}
.ui-datepicker .ui-datepicker-next::before {
    transform: translate(-50%,-50%) rotate(-90deg);
}

#phone_advantage {
    text-align: center;
    border: 1px solid #333;
    padding: .3rem 0;
}

#video_advantage {
    text-align: center;
    border: 1px solid #333;
    padding: .3rem 0;
}

/* 상담 예약 리뉴얼 */
.consultation.renewal .wrapCont { padding: 5rem 0; }
.consultation.renewal .area-pages-title { text-align: center; }
.consultation.renewal .area-pages-title > h2 { margin-bottom: .4rem; padding: 0; font-size: var(--f-fontSize01); line-height: 130%; color: var(--c-text01); }
.consultation.renewal .area-pages-title > .subText { font-size: var(--f-body1); font-weight: 400; color: var(--c-text03); }
.consultation.renewal .area-pages-title > .subText > strong { display: block; font-weight: 400; color: #006BC8; }
.consultation.renewal .boxWrap { max-width: 30.6rem; margin: 2rem auto 0; padding: 3rem 2rem; border-radius: var(--r-radius02); border: 1px solid #E4E8F1; box-shadow: var(--s-shadow-blue01); }
.consultation.renewal .boxTitle { display: block; margin-bottom: 2rem; padding-bottom: .8rem; border-bottom: 1px solid #000; font-size: var(--f-fontSize03); font-weight: 700; color: var(--c-text01); }
.consultation.renewal .flexTitle { display: flex; justify-content: space-between; align-items: center; }
.consultation.renewal .flexTitle > span { font-size: var(--f-detail); font-weight: 400; color: var(--c-text03); }
.consultation.renewal .flexTitle > span em { color: var(--c-primary); }
.consultation.renewal .programBox { display: block; margin-bottom: 3rem; padding: .8rem 1.2rem; border-radius: 8px; background-color: #F8FAEC; }
.consultation.renewal .programBox > div { display: flex; align-items: center; gap: .2rem; font-size: var(--f-body1); color: var(--c-text02); }
.consultation.renewal .programBox > div > figure { width: 1.2rem; height: 1.2rem; background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/consultation/boxProgram-icon.svg"); background-position: center; background-size: cover; background-repeat: no-repeat; }
.consultation.renewal .programBox > strong { display: block; padding: .2rem 0; font-size: var(--f-fontSize03); color: var(--c-text01); }
.consultation.renewal .programBox > p { font-size: var(--f-body1); color: var(--c-text02); }
.consultation.renewal .listConsult { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; }
.consultation.renewal .listConsult label { width: 100%; padding: .8rem; border: 1px solid #E4E8F1; border-radius: var(--r-radius01); font-size: var(--f-body2); font-weight: 400; text-align: center; color: var(--c-text01); cursor: pointer; }
.consultation.renewal .listConsult label.active { border: 2px solid var(--c-primary); box-shadow: var(--s-shadow-blue01); font-weight: 700; color: var(--c-primary); }
.consultation.renewal .listConsult input { display: none; visibility:hidden; }
.consultation.renewal .listConsult span { display: block; width: 3.5rem; height: 3.5rem; margin: 0 auto .2rem; background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/consultation/listConsult-icon01.png"); background-repeat: no-repeat; background-size: cover; background-position: center; }
.consultation.renewal .listConsult span.icon02 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/consultation/listConsult-icon02.png"); }
.consultation.renewal .listConsult span.icon03 { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/consultation/listConsult-icon03.png"); }
.consultation.renewal .consultBox { margin-top: 1.2rem; background-color: var(--c-border-neutral); font-size: var(--f-body2); color: var(--c-text01); }
.consultation.renewal #phone_advantage, .consultation.renewal #video_advantage { padding: .8rem 1.2rem; border-radius: 8px; border: 0 none; text-align: left; }
.consultation.renewal .consultBox > strong { display: block; font-weight: 600; }
.consultation.renewal .consultBox > p { padding-top: .2rem; font-size: var(--f-detail); color: var(--c-text03); }
.consultation.renewal .consultBox > p > span { color: var(--c-point); }
.consultation.renewal .selBoxWrap + .selBoxWrap { margin-top: 4rem; }
.consultation.renewal .selBoxWrap .input-wrap + .input-wrap { margin-top: 2rem; }
.consultation.renewal .selBoxWrap .tit { padding-bottom: .6rem; }
.consultation.renewal .selBoxWrap .tit label{ display: block; font-size: var(--f-body2); font-weight: 400; color: var(--c-text01); }
.consultation.renewal .selBoxWrap .tit .text-color { color: #006BC8; }
.consultation.renewal .selBoxWrap .tit .req { color: var(--c-primary); }
.consultation.renewal .selBoxWrap .calendarWrap { position: relative; }
.consultation.renewal .selBoxWrap .calendarWrap:after { position: absolute; top: 50%; left: .8rem; width: 1.6rem; height: 1.6rem; background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/consultation/inputCalendar-icon.svg"); background-size: cover;  transform: translate(0, -50%);  content: "";  }
.consultation.renewal .selBoxWrap input[type=text].departDate { position: relative; z-index: 1; padding-left: 3rem; background: transparent; }
.consultation.renewal .selBoxWrap .msgText { display: block; padding-top: .4rem; font-size: var(--f-detail); font-weight: 400; color: var(--c-text03); }
.consultation.renewal .selBoxWrap .msgText > strong { font-weight: 400; color: #006BC8; }
.consultation.renewal .colWrap { display: flex; gap: .4rem; }
.consultation.renewal .colWrap .dropDownMenu { width: 50%;}
.consultation.renewal .colWrap .hope { width: 50%;}
.consultation.renewal .colWrap .lastName { width: 38.2%; }
.consultation.renewal .colWrap .name { width: 61.8%; }
.consultation.renewal .hope .label {border: 1px solid var(--c-border-neutral-new); border-radius: 8px; width: 100%; height: 2.4rem; padding: .6rem 2.6rem .6rem .8rem; font-size: var(--f-body2); font-weight: 400; color: var(--c-text04); background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/dropDownMenu-down-medium.svg"); background-repeat: no-repeat; background-size: 1.2rem; background-position: right .8rem center; text-align: left; background-color: #fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition: border-color 0.3s ease; cursor: pointer; }
.consultation.renewal .hope .label.readonly {padding-right: 16px; border: 0 none; background: #DADADA; color: var(--c-text03); cursor:auto;}
.consultation.renewal .hope .label.active { border-color: var(--c-primary); color: var(--c-text01); background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/dropDownMenu-up-medium.svg'); }
.consultation.renewal .hope .label.selected { color: var(--c-text01);}
.consultation.renewal .hope .ims-active { position: relative; }
.consultation.renewal .hope .ims-active .input-multi-select {display: block !important;}
.consultation.renewal .hope .ims-active input::placeholder {color:var(--c-text04);}
.consultation.renewal .hope .ims-active::-moz-placeholder {color: var(--c-text04)}
.consultation.renewal .hope .ims-active:-ms-input-placeholder {color:var(--c-text04);}
.consultation.renewal .input-multi-bg { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 99; }
.consultation.renewal .input-multi-select { padding: 1.2rem .6rem; top: calc(100% + 12px); border-radius: var(--r-radius01); box-shadow: var(--s-shadow-neutral01); }
.consultation.renewal .input-multi-select .dragWrap { display: none; }
.consultation.renewal .input-multi-select .popHandle { display: none; }
.consultation.renewal .input-multi-select .scrollWidth { width: calc(100% + .6rem); }
.consultation.renewal .input-multi-select .titleWrap { display: flex; justify-content: space-between; margin-bottom: 1.2rem; }
.consultation.renewal .input-multi-select .titleWrap strong { display: block; font-size: var(--f-body2); font-weight: 400; color: var(--c-text01); }
.consultation.renewal .input-multi-select .selectPopClose { width: 1.2rem; height: 1.2rem; background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/consultation/popClose-icon.svg"); background-size: cover; background-repeat: no-repeat; background-position: center; cursor: pointer; }
.consultation.renewal .input-multi-select .chk-custom-wrap span { margin: .4rem; margin-left: 0; margin-top: 0; }
.consultation.renewal .input-multi-select .chk-custom-wrap input[type=checkbox] + label { padding: 0 .6rem; height: 1.9rem; background-color: #fff; border: 1px solid var(--c-border-neutral-new); border-radius: var(--r-radius03); font-size: var(--f-detail); line-height: 1.9rem; color: var(--c-text03); }
.consultation.renewal .input-multi-select .chk-custom-wrap input[type=checkbox] + label:hover { border-color: var(--c-text02); color: var(--c-text02); }
.consultation.renewal .input-multi-select .chk-custom-wrap input[type=checkbox]:checked + label { border: 2px solid #A5E9BD; background-color: #ECFBF2; line-height: 1.8rem; color: #18A149; }
.consultation.renewal .input-multi-select .input-multi-text { display: block; margin-top: .2rem; margin-bottom: 1.2rem; font-size: var(--f-detail); color: var(--c-text03); }
.consultation.renewal .input-multi-select .input-multi-text > strong { font-weight: 400; color: #006BC8; }
.consultation.renewal .input-multi-select input[type=button].btn-filled-primary-medium { display: flex; justify-content: center; align-items: center; width: 60.5%; height: 2.4rem; margin: 0; padding: 0 1.2rem; border: 0 none; border-radius: var(--r-radius01); background-color: var(--c-primary); font-size: var(--f-body1); font-weight: 500; line-height: 150%; color: #fff; }
.consultation.renewal .input-multi-select input[type=button].btn-filled-primary-medium:hover { background-color: #18A149; }
.consultation.renewal .input-multi-select input[type=button].btn-filled-gray-medium { display: flex; justify-content: center; align-items: center; width: 39.5%; height: 2.4rem; margin: 0; padding: 0; border: 0 none; border-radius: 8px; background-color: var(--c-background-neutral); font-size: var(--f-body2); font-weight: 500; line-height: 150%; text-align: center; color: var(--c-text02); }
.consultation.renewal .input-multi-select input[type=button].btn-filled-gray-medium:hover { background-color: #E2E2E5; }
.consultation.renewal .input-multi-select .btnWrap { display: flex; gap: .6rem; align-items: center; margin-top: .8rem; }
.consultation.renewal .input-multi-select .btnWrap .reset { width: 30%; }
.consultation.renewal .input-multi-select .btnWrap .button { width: 70%; }
.consultation.renewal .kakaoChk { margin-top: 2rem; }
.consultation.renewal .kakakoBox { display: block; margin-top: 1.2rem; padding-top: 1.2rem; border-top: 1px solid var(--c-border-neutral-new); }
/* .consultation.renewal .kakakoBox.show { display: block; } */
.consultation.renewal .agreeChk { display: flex; justify-content: space-between; align-items: center; margin-top: .8rem; }
.consultation.renewal .agreeChk.ageChk { margin-top: 0; }
.consultation.renewal .agreeChk .btnMore { cursor: pointer; line-height: 130%; }
.consultation.renewal .agreeChk .btnMore span { display: inline-block; font-size: var(--f-body2); color: var(--c-text03); line-height: 150%; vertical-align: top; }
.consultation.renewal .agreeChk .btnMore figure { display: inline-block; width: 1.2rem; height: 1.2rem; margin-left: .2rem; background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/dropDownMenu-down-medium.svg");  background-repeat: no-repeat; background-size: 1.2rem; background-position: center; vertical-align: top; }
.consultation.renewal .agreeChk.open .btnMore figure { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/dropDownMenu-up-medium.svg");}
.consultation.renewal .agreeChk.open + .privacyBox { display: block; }
.consultation.renewal .privacyBox { display: none; overflow: hidden; height: 6.5rem; margin-top: .6rem; padding: 0 .8rem; border: 0 none; border-radius: 8px; background-color: var(--c-border-neutral); font-size: var(--f-body2); font-weight: 400; color: var(--c-text03); }
.consultation.renewal .privacyBox .scrollWidth { width: calc(100% + .8rem); height: 100%; }
.consultation.renewal .privacyBox .scrollWrap { padding-top: .8rem; padding-right: .8rem; }
.consultation.renewal .privacyBox .area-terms article { padding: 0; }
.consultation.renewal .privacyBox .area-terms p { margin-top: 0; margin-bottom: .8rem; }
.consultation.renewal .btnWrap { margin-top: 3rem; }
.consultation.renewal .btnWrap button { width: 100%; }
.consultation.renewal .presentation-consult .area-inquiry-form { float: none; max-width: 30.6rem; margin: .8rem auto 0; padding: 3rem 2rem; border-radius: var(--r-radius02); border: 1px solid #E4E8F1; box-shadow: var(--s-shadow-blue01); }
.consultation.renewal .presentation-consult select {max-width: 30.6rem; margin: .8rem 0 2rem; border: 1px solid #dadada; border-radius: 8px; width: 100%; height: 2.4rem; padding: .6rem 2.6rem .6rem .8rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/dropDownMenu-down-medium.svg'); background-repeat: no-repeat; background-size: 1.2rem; background-position: right .8rem center; text-align: left; background-color: #fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition: border-color 0.3s ease;}

/* 상담 완료 페이지 */
.inquiry-complete { word-break: break-all; }
.inquiry-complete .contWrap { padding: 5rem 0 15rem; text-align: center; }
.inquiry-complete .contWrap .imageWrap figure{ display: block; width: 10rem; height: 10rem; margin: 0 auto .6rem; background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/consultation/complete-consultation.gif"); background-position: center; background-size: cover; background-repeat: no-repeat; }
.inquiry-complete .contWrap .imageWrap figure.quote { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/consultation/complete-quote.gif"); }
.inquiry-complete .contWrap .imageWrap figure.qna { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/consultation/complete-qna.gif"); }
.inquiry-complete .contWrap .imageWrap figure.guidebook { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/consultation/complete-guidebook.gif"); }
.inquiry-complete .contWrap .imageWrap figure.presentation { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/consultation/complete-presentation.gif"); }
.inquiry-complete .contWrap .imageWrap figure.phoneAlert { background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/consultation/complete-kakao.gif"); }
.inquiry-complete .contWrap .textWrap > strong { display: block; font-size: var(--f-fontSize01); font-weight: 700; line-height: 130%; color: var(--c-text01); }
.inquiry-complete .contWrap .textWrap > p {  margin-top: .8rem; font-size: var(--f-fontSize04); color: var(--c-text02); }
.inquiry-complete .contWrap .textWrap > p > strong { font-weight: 400; color: #006BC8; }
.inquiry-complete .contWrap .subText { display: block; margin-top: .8rem; font-size: var(--f-body1); color: var(--c-text03);  }
.inquiry-complete .contWrap .subText > em { color: var(--c-point); }
.inquiry-complete .contWrap .btnWrap { display: flex; justify-content: center; gap: 1.2rem; max-width: 314px; margin: 1.2rem auto 0; }
.inquiry-complete .contWrap .btnWrap a { width: 50%; padding: 0; }

@media screen and (max-width: 768px) {
    .consultation.renewal .wrapCont { padding: 32px 0; }
    .consultation.renewal .area-pages-title > h2 { margin-bottom: 8px; }
    .consultation.renewal .area-pages-title > .subText { font-size: var(--f-body2); }
    .consultation.renewal .boxWrap { margin-top: 40px; padding: 0; border: 0 none; box-shadow: none; }
    .consultation.renewal .boxTitle { margin-bottom: 24px; padding-bottom: 12px; font-size: var(--f-fontSize04); }
    .consultation.renewal .programBox { margin-bottom: 40px; padding: 16px 24px; }
    .consultation.renewal .programBox > div { gap: 4px; }
    .consultation.renewal .programBox > div > figure { width: 1.85rem; height: 1.85rem; }
    .consultation.renewal .programBox > strong { padding: 4px 0; font-size: var(--f-fontSize05); }
    .consultation.renewal .listConsult { gap: 8px; }
    .consultation.renewal .listConsult span { width: 4.62rem; height: 4.62rem; margin-bottom: 4px; }
    .consultation.renewal #phone_advantage, .consultation.renewal #video_advantage { margin-top: 16px; padding: 16px 24px;  font-size: var(--f-body2); word-break: break-all; }
    .consultation.renewal .consultBox > strong { display: inline; }
    .consultation.renewal .consultBox > p { padding-top: 4px; }
    .consultation.renewal .selBoxWrap + .selBoxWrap { margin-top: 80px; }
    .consultation.renewal .selBoxWrap .input-wrap + .input-wrap { margin-top: 24px; }
    .consultation.renewal .selBoxWrap .tit { padding-bottom: 8px; }
    .consultation.renewal .selBoxWrap .tit label { font-weight: 600; }
    .consultation.renewal .selBoxWrap .tit .req { font-size: var(--f-fontSize05); font-weight: 700; }
    .consultation.renewal .selBoxWrap .calendarWrap:after { left: 16px; width: 1.85rem; height: 1.85rem; }
    .consultation.renewal .selBoxWrap input[type=text].departDate { padding-left: calc(1.85rem + 24px); }
    .consultation.renewal .selBoxWrap .msgText { padding-top: 4px; font-weight: 400; }
    .consultation.renewal .colWrap { gap: 8px; }
    .consultation.renewal .colWrap .lastName { width: 30%; }
    .consultation.renewal .colWrap .name { width: 70%; }
    .consultation.renewal .hope .label { height: 3.7rem; padding: 8px 16px; padding-right: calc(16px + 1.85rem); background-size: 1.85rem; background-position: right 16px center; font-size: var(--f-fontSize05); }
    .consultation.renewal .input-multi-bg.show { display: block; }
    .consultation.renewal .input-multi-select { display: block; position: fixed; top: auto; bottom: calc(-100% - 50px) !important; height: 60%; padding: 84px 16px calc(40px + 3.7rem); border: 0 none; border-radius: var(--r-radius02) var(--r-radius02) 0 0; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
        transition: bottom 0.7s ease; }
    .consultation.renewal .ims-active .input-multi-select { bottom: 0 !important; ;z-index: 100; }
    .consultation.renewal .input-multi-select .topSelectPop { position: absolute !important; width: 100%; height: 84px; bottom: calc(100% - 84px); left: 0; top: auto !important; z-index: 5; }
    .consultation.renewal .input-multi-select .dragWrap { display: block; width: 100%; height: 36px; }
    .consultation.renewal .input-multi-select .popHandle { display: block; position: absolute; top: 8px; width: 40px; height: 4px; border-radius: var(--r-radius03); background-color: #E2E2E5; left: 50%; transform: translateX(-50%);}
    .consultation.renewal .input-multi-select .scrollWidth { overflow-y: auto; height: 100%; width: calc(100% + 16px); }
    .consultation.renewal .input-multi-select .titleWrap { margin-bottom: 24px; padding: 0 16px; }
    .consultation.renewal .input-multi-select .titleWrap strong { font-size: 16px; font-weight: 700; }
    .consultation.renewal .input-multi-select .titleWrap .selectPopClose { width: 24px; height: 24px; }
    .consultation.renewal .input-multi-select .input-multi-text { margin: 0; margin-top: 4px; font-size: .93rem; }
    .consultation.renewal .input-multi-select .chk-custom-wrap span { margin: 8px; margin-left: 0; margin-top: 0; }
    .consultation.renewal .input-multi-select .chk-custom-wrap input[type=checkbox] + label { height: 2.46rem; padding: 0 12px; font-size: var(--f-body2); line-height: 2.46rem; }
    .consultation.renewal .input-multi-select .chk-custom-wrap input[type=checkbox]:checked + label { line-height: 2.46rem; }
    .consultation.renewal .input-multi-select .btnWrap { gap: 8px; position: absolute; bottom: 24px; width: calc(100% - 32px); margin-top: 16px; background-color: #fff; }
    .consultation.renewal .kakaoChk { margin-top: 24px; }
    .consultation.renewal .kakakoBox { margin-top: 24px; padding-top: 24px; }
    .consultation.renewal .agreeChk .btnMore span { display: none; }
    .consultation.renewal .agreeChk .btnMore figure { width: 1.85rem; height: 1.85rem; background-size: 1.85rem; }
    .consultation.renewal .input-multi-select input[type=button].btn-filled-gray-medium { width: 40%; height: 3.7rem; font-size: var(--f-fontSize05); }
    .consultation.renewal .input-multi-select input[type=button].btn-filled-primary-medium{ width: 60%; height: 3.7rem; font-size: var(--f-fontSize05); }
    .consultation.renewal .privacyBox { min-height: 10rem; margin-top: 12px; padding: 0 16px; font-size: var(--f-detail); }
    .consultation.renewal .privacyBox .scrollWidth { width: calc(100% + 16px); }
    .consultation.renewal .privacyBox .scrollWrap { padding-top: 16px; padding-right: 16px; }
    .consultation.renewal .privacyBox .area-terms p { margin-bottom: 16px; }
    .consultation.renewal .btnWrap { margin-top: 40px; }
    .consultation.renewal .presentation-consult select { height: 3.7rem; padding: 8px 16px; padding-right: calc(16px + 1.85rem); background-size: 1.85rem; background-position: right 16px center; }

    /* 상담 완료 페이지 */
    .inquiry-complete .contWrap { padding: 32px 0; }
    .inquiry-complete .contWrap .imageWrap > figure { width: 120px; height: 120px; margin-bottom: 12px; }
    .inquiry-complete .contWrap .textWrap > strong { font-size: var(--f-fontSize02); }
    .inquiry-complete .contWrap .textWrap > p { margin-top: 12px; font-size: var(--f-body2); }
    .inquiry-complete .contWrap .subText { margin-top: 12px; font-size: var(--f-detail); }
    .inquiry-complete .contWrap .btnWrap { gap: 12px; max-width: none; margin-top: 24px; }
    .inquiry-complete .contWrap .btnWrap a { width: 10.3rem; }
}