/* 상담신청 , 견적요청,  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);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;margin: 0 auto;}

@media screen and (min-width: 769px) {
    .area-membership {width:90%;margin:0 auto;padding:2rem;}
}
@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;}
}

.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;
}