/* 문의하기 페이지 */
div.quickBtWrap{ position: fixed; right: 40px; bottom: 40px; display: inline-block; width: 55px; height: 55px; border-radius: 15px; overflow: hidden; z-index: 1001; cursor: pointer;}
div.quickBtWrap img{ display: block; width: 100%; height: auto; object-fit: cover; }
div.quickBtWrap img.quickEventOn{ display: none; }

div.inquiryCard{ position: fixed; right: 40px; bottom: 115px; width: 430px; height: auto; padding: 25px 30px 30px; border: 3px solid #7F40FF; border-radius: 15px; overflow: hidden; background: url(../img/inquiry/inquiry_bg.png) no-repeat center; background-size: cover; z-index: 1001; max-height: calc(100vh - 164px - 115px); overflow-y: scroll; display: inline-block;}
div.inquiryCard.inquiryCard2{ background: url(../img/inquiry/inquiry_bg2.png) no-repeat center; background-size: cover; height: 600px;}
div.inquiryCard.inquiryCard::-webkit-scrollbar {width: 10px;}
div.inquiryCard.inquiryCard::-webkit-scrollbar-track {background: transparent; margin: 10px 0;}
div.inquiryCard.inquiryCard::-webkit-scrollbar-thumb {background: #ddd; border-radius: 10px; border: 3px solid transparent; background-clip: content-box;}

div.inquiryCard.inquiryCard3{ background: rgba(0,0,0,0.5); z-index: 1002; justify-content: center; align-items: baseline; height: 600px; padding: 0; display: flex;}
div.inquiryCard.inquiryCard3 .inquiryCheckInbox{ background: #fff; border-radius: 15px; overflow-y: scroll; padding: 20px; position: absolute; max-height: calc(100vh - 164px - 153px); top: 50%; left: 51%; transform: translate(-50%,-50%); width: 96%; height: 96%;}
div.inquiryCard.inquiryCard3 .inquiryCheckInbox::-webkit-scrollbar {width: 10px;}
div.inquiryCard.inquiryCard3 .inquiryCheckInbox::-webkit-scrollbar-track {background: transparent; margin: 10px 0;}
div.inquiryCard.inquiryCard3 .inquiryCheckInbox::-webkit-scrollbar-thumb {background: #ddd; border-radius: 10px; border: 3px solid transparent; background-clip: content-box;}

div.inquiryCard.inquiryCard3 div.inquiryCheckTitle{ display: inline-block; width: 100%; font-size: 21px; margin-bottom: 15px;}
div.inquiryCard.inquiryCard3 div.inquiryCloseIcon{ display: inline-block; position: absolute; top: 20px; right: 20px; width: 17px; height: 17px; cursor: pointer; text-align: center;}
div.inquiryCard.inquiryCard3 div.inquiryCloseIcon img{ width: 100%; height: 100%; object-fit: cover;}
div.inquiryCard.inquiryCard3 div.inquiryCheckText{ display: inline-block; width: 100%; font-size: 15px; line-height: 150%; letter-spacing: 0.01em; color: #555; height: auto;}

div.inquiryCard p.inquiryCardText{ display: inline-block; width: 100%; height: auto; font-size: 21px; line-height: 150%; letter-spacing: 0.01em;}
div.inquiryCard.inquiryCard2 p.inquiryCardText{ margin-bottom: 15px;}
div.inquiryCard p.inquiryCardTime{ display: inline-block; width: 100%; height: auto; font-size: 21px; line-height: 150%; letter-spacing: 0.01em; margin: 15px 0;}

div.quickBtWrap img.inquiryCardEvent{ display: none;}
div.quickBtWrap img.quickEventOn.inquiryCardEvent{ display: inline-block;}

div.inquiryForm { margin-bottom: 10px; width: 100%; height: auto; }
div.inquiryForm.required { position: relative; }
div.inquiryForm.required:before { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 0; border-top: 7px solid red; border-right: 7px solid transparent; border-top-left-radius: 5px; }
div.inquiryForm.required.check:before { top: 51px; }
div.inquiryForm#inquiryFormRecommend { display: none; }
div.inquiryForm label { display: none; }
div.inquiryForm input ,
.inquiryForm select ,
.inquiryForm textarea { width: 100%; padding: 10px 15px; border: 1px solid #ddd; border-radius: 5px; background: #fff; font-size: 15px; appearance: none; }
div.inquiryForm input::placeholder,.inquiryForm textarea::placeholder { color: #888; }
div.inquiryForm textarea { display: block; resize: vertical; max-height: 100px; height: 100px; }
div.inquiryForm select { background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 20px center #fff; padding-right: 52px; }

div.captchaBox { width: 100%; padding: 3px 10px; margin-bottom: 10px; border: 1px solid #ddd; border-radius: 5px; background: #fff; }
div.captchaBox img { height: 33px; }

div.inquiryFormCheck { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 20px 0; font-size: 15px; color: #333; padding-left: 26px; position: relative; }
div.inquiryFormCheck input[type="checkbox"] { width: 18px; height: 18px; margin: 0; display: block; flex-shrink: 0; accent-color: #7f40ff; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); vertical-align: middle; }
div.inquiryFormCheck a { margin-left: auto; color: #646464; text-decoration: underline; cursor: pointer; }

div.inquiryCardButtons{ display: flex; width: 100%; height: auto; gap: 20px; align-items: center; justify-content: center;}
div.inquiryCardButtons button,
div.inquiryCardButtons a { display: inline-block; width: 50%; height: auto; padding: 14px 10px; text-align: center; border-radius: 15px; overflow: hidden; font-size: 17px; letter-spacing: 0.01em; cursor: pointer;}
div.inquiryCardButtons a.inquiryCallBt{ background: #fff; border: 1px solid #ddd;}
div.inquiryCardButtons a.inquiryCallBt img { height: 17px; margin-right: 10px; vertical-align: middle; }
div.inquiryCardButtons button.inquiryNextBt,
div.inquiryCardButtons a.inquiryNextBt{ background: linear-gradient(90deg, rgba(127, 64, 255,1), rgba(66,123,191,1)); color: #fff;}

@media screen and (max-width:1600px) {
    div.quickBtWrap{ right: 36px; bottom: 36px; width: 53px; height: 53px; border-radius: 14px; }

    div.inquiryCard{ right: 36px; bottom: 109px;width: 430px; height: auto; padding: 25px;}
    div.inquiryCard p.inquiryCardText{ font-size: 19px;}
    div.inquiryCard p.inquiryCardTime{ font-size: 19px;}

    div.inquiryCard.inquiryCard3 .inquiryCheckInbox{ padding: 20px;}
    div.inquiryCard.inquiryCard3 div.inquiryCheckTitle{ font-size: 19px; margin-bottom: 15px;}
    div.inquiryCard.inquiryCard3 div.inquiryCloseIcon{ top: 20px; right: 20px; width: 16px; height: 16px;}
    div.inquiryCard.inquiryCard3 div.inquiryCheckText{ font-size: 15px; height: 300px;}

    div.inquiryForm{ margin-bottom: 9.5px; }
    div.inquiryForm.required:before { border-top: 6.5px solid red; border-right: 6.5px solid transparent; border-top-left-radius: 4.5px; }
    div.inquiryForm.required.check:before { top: 49px; }
    div.inquiryForm input ,
    .inquiryForm select ,
    .inquiryForm textarea { padding: 9.75px 14.5px; border-radius: 4.5px; font-size: 14.5px; }
    div.inquiryForm textarea { max-height: 95px; height: 95px; }
    div.inquiryForm select { background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 18px center #fff; background-size: 13.5px; padding-right: 48px; }

    div.captchaBox { padding: 3px 9.5px; margin-bottom: 9.5px; border-radius: 4.5px; }
    div.captchaBox img { height: 31.5px; }

    div.inquiryFormCheck { gap: 7.5px; margin: 19px 0; font-size: 14.5px; padding-left: 24.5px; }
    div.inquiryFormCheck input[type="checkbox"] { width: 17px; height: 17px; }

    div.inquiryCardButtons { gap: 19px; }
    div.inquiryCardButtons button,
    div.inquiryCardButtons a { padding: 13.5px 9px; border-radius: 14px; font-size: 16.5px; }
    div.inquiryCardButtons a.inquiryCallBt img { height: 16.75px; margin-right: 9.5px; }
}
@media screen and (max-width:1280px) {
    div.quickBtWrap{ right: 32px; bottom: 32px; width: 51px; height: 51px; border-radius: 13px; }

    div.inquiryCard{ right: 32px; bottom: 103px;width: 430px; height: auto; padding: 20px;}
    div.inquiryCard p.inquiryCardText{ font-size: 17px;}
    div.inquiryCard p.inquiryCardTime{ font-size: 17px;}

    div.inquiryCard.inquiryCard3 .inquiryCheckInbox{ padding: 20px;}

    div.inquiryCard.inquiryCard3 div.inquiryCheckTitle{ font-size: 17px; margin-bottom: 15px;}
    div.inquiryCard.inquiryCard3 div.inquiryCloseIcon{ top: 20px; right: 20px; width: 16px; height: 16px;}
    div.inquiryCard.inquiryCard3 div.inquiryCheckText{ font-size: 15px; height: 300px;}

    div.inquiryForm{ margin-bottom: 9px; }
    div.inquiryForm.required:before { border-top: 6px solid red; border-right: 6px solid transparent; border-top-left-radius: 4px; }
    div.inquiryForm.required.check:before { top: 47px; }
    div.inquiryForm input ,
    .inquiryForm select ,
    .inquiryForm textarea { padding: 9.5px 14px; border-radius: 4px; font-size: 14px; }
    div.inquiryForm textarea { max-height: 90px; height: 90px; }
    div.inquiryForm select { background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 16px center #fff; background-size: 13px; padding-right: 44px; }

    div.captchaBox { padding: 3px 9px; margin-bottom: 9px; border-radius: 4px; }
    div.captchaBox img { height: 30px; }

    div.inquiryFormCheck { gap: 7px; margin: 18px 0; font-size: 14px; padding-left: 23px; }
    div.inquiryFormCheck input[type="checkbox"] { width: 16px; height: 16px; }

    div.inquiryCardButtons { gap: 18px; }
    div.inquiryCardButtons button,
    div.inquiryCardButtons a { padding: 13px 8px; border-radius: 13px; font-size: 16px; }
    div.inquiryCardButtons a.inquiryCallBt img { height: 16.5px; margin-right: 9px; }
}
@media screen and (max-width:1024px) {
    div.quickBtWrap{ right: 28px; bottom: 28px; width: 49px; height: 49px; border-radius: 12px; }

    div.inquiryCard{ right: 28px; bottom: 97px;width: 430px; height: auto; padding: 20px; max-height: calc(100vh - 77px - 115px); }
    div.inquiryCard p.inquiryCardText{ font-size: 17px;}
    div.inquiryCard p.inquiryCardTime{ font-size: 17px; margin: 12px 0 14px;}

    div.inquiryCard.inquiryCard3 .inquiryCheckInbox{ padding: 20px; left: 51%; width: 93%; max-height: calc(100vh - 57px - 176px);}

    div.inquiryCard.inquiryCard3 div.inquiryCheckTitle{ font-size: 19px; margin-bottom: 15px;}
    div.inquiryCard.inquiryCard3 div.inquiryCloseIcon{ top: 20px; right: 20px; width: 16px; height: 16px;}
    div.inquiryCard.inquiryCard3 div.inquiryCheckText{ font-size: 15px; height: 300px;}

    div.inquiryForm{ margin-bottom: 8.5px; }
    div.inquiryForm.required:before { border-top: 5.5px solid red; border-right: 5.5px solid transparent; border-top-left-radius: 3.5px; }
    div.inquiryForm.required.check:before { top: 45px; }
    div.inquiryForm input ,
    .inquiryForm select ,
    .inquiryForm textarea { padding: 9.25px 13.5px; border-radius: 3.5px; font-size: 13.5px; }
    div.inquiryForm textarea { max-height: 85px; height: 85px; }
    div.inquiryForm select { background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center #fff; background-size: 12.5px; padding-right: 40px; }

    div.captchaBox { padding: 3px 8.5px; margin-bottom: 8.5px; border-radius: 3.5px; }
    div.captchaBox img { height: 28.5px; }

    div.inquiryFormCheck { gap: 6.5px; margin: 17px 0; font-size: 13.5px; padding-left: 21.5px; }
    div.inquiryFormCheck input[type="checkbox"] { width: 15px; height: 15px; }

    div.inquiryCardButtons { gap: 17px; }
    div.inquiryCardButtons button,
    div.inquiryCardButtons a { padding: 12.5px 7px; border-radius: 12px; font-size: 15.5px; }
    div.inquiryCardButtons a.inquiryCallBt img { height: 16.25px; margin-right: 8.5px; }
}
@media screen and (max-width:768px) {
    div.quickBtWrap{ right: 24px; bottom: 24px; width: 47px; height: 47px; border-radius: 11px; }

    div.inquiryCard.inquiryCard3 .inquiryCheckInbox{ padding: 15px; max-height: calc(100vh - 57px - 176px);}

    div.inquiryCard{ right: 24px; bottom: 91px; width: 430px; height: auto; padding: 15px;}
    div.inquiryCard p.inquiryCardText{ font-size: 17px;}
    div.inquiryCard p.inquiryCardTime{ font-size: 17px;}

    div.inquiryForm{ margin-bottom: 8px; }
    div.inquiryForm.required:before { border-top: 5px solid red; border-right: 5px solid transparent; border-top-left-radius: 3px; }
    div.inquiryForm.required.check:before { top: 43px; }
    div.inquiryForm input ,
    .inquiryForm select ,
    .inquiryForm textarea { padding: 9px 13px; border-radius: 3px; font-size: 13px; }
    div.inquiryForm textarea { max-height: 80px; height: 80px; }
    div.inquiryForm select { background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center #fff; background-size: 12px; padding-right: 36px; }

    div.captchaBox { padding: 3px 8px; margin-bottom: 8px; border-radius: 3px; }
    div.captchaBox img { height: 27px; }

    div.inquiryFormCheck { gap: 6px; margin: 16px 0; font-size: 13px; padding-left: 20px; }
    div.inquiryFormCheck input[type="checkbox"] { width: 14px; height: 14px; }

    div.inquiryCardButtons { gap: 16px; }
    div.inquiryCardButtons button,
    div.inquiryCardButtons a { padding: 12px 6px; border-radius: 11px; font-size: 15px; }
    div.inquiryCardButtons a.inquiryCallBt img { height: 16px; margin-right: 8px; }
}
@media screen and (max-width:640px) {
    div.quickBtWrap{ right: 20px; bottom: 20px; width: 45px; height: 45px; border-radius: 10px; }

    div.inquiryCard{ right: 20px; bottom: 85px; width: 340px; max-width: calc(100vw - 20px - 20px); height: auto; padding: 15px;}
    div.inquiryCard p.inquiryCardText{ font-size: 15px;}
    div.inquiryCard p.inquiryCardTime{ font-size: 15px; margin: 8px 0 10px;}

    div.inquiryCard.inquiryCard3 .inquiryCheckInbox{ padding: 15px; max-height: calc(100vh - 57px - 176px);}

    div.inquiryCard.inquiryCard3 div.inquiryCheckTitle{ font-size: 15px; margin-bottom: 10px;}
    div.inquiryCard.inquiryCard3 div.inquiryCloseIcon{ top: 15px; right: 15px; width: 15px; height: 15px;}
    div.inquiryCard.inquiryCard3 div.inquiryCheckText{ font-size: 12.3px; height: 250px;}

    div.inquiryForm{ margin-bottom: 7.5px; }
    div.inquiryForm.required:before { border-top: 4.5px solid red; border-right: 4.5px solid transparent; border-top-left-radius: 2.5px; }
    div.inquiryForm.required.check:before { top: 41px; }
    div.inquiryForm input ,
    .inquiryForm select ,
    .inquiryForm textarea { padding: 8.75px 12.5px; border-radius: 2.5px; font-size: 12.5px; }
    div.inquiryForm textarea { max-height: 75px; height: 75px; }
    div.inquiryForm select { background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 10px center #fff; background-size: 11.5px; padding-right: 32px; }

    div.captchaBox { padding: 3px 7.5px; margin-bottom: 7.5px; border-radius: 2.5px; }
    div.captchaBox img { height: 25.5px; }

    div.inquiryFormCheck { gap: 5.5px; margin: 15px 0; font-size: 12.5px; padding-left: 18.5px; }
    div.inquiryFormCheck input[type="checkbox"] { width: 13px; height: 13px; }

    div.inquiryCardButtons { gap: 15px; }
    div.inquiryCardButtons button,
    div.inquiryCardButtons a { padding: 11.5px 5px; border-radius: 10px; font-size: 14.5px; }
    div.inquiryCardButtons a.inquiryCallBt img { height: 15.75px; margin-right: 7.5px; }
}