@font-face {
    font-family: "Pretendard-Regular";
    /*src: url("./Pretendard-Regular.woff2") format("woff2");*/
    src: url("https://contents-em.infovine.co.kr/CareServiceFiles/homepage/fonts/Pretendard-Regular.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "Pretendard-Bold";
  /*src: url("./Pretendard-Bold.woff2") format("woff2");*/
    src: url("https://contents-em.infovine.co.kr/CareServiceFiles/homepage/fonts/Pretendard-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "Pretendard-Medium";
   /*src: url("./Pretendard-Medium.woff2") format("woff2");*/
    src: url("https://contents-em.infovine.co.kr/CareServiceFiles/homepage/fonts/Pretendard-Medium.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: block;
}

* {
    box-sizing: border-box;
}

.qna-wrapper {
    width: 100%;
    max-width: 980px;
    margin: 60px auto 0px;
    padding: 0 16px;
}

.qna-title {
    width: 100%;
    font-family: Pretendard-Bold;
    font-size: 52px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.31;
    letter-spacing: -1.3px;
    text-align: center;
    color: #171717;
}

.qna-content {
    margin-top: 33px;
    width: 100%;
}

.qna-form {
    height: 100%;
    background-color: #fff;
    padding: 24px 83px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.4px;
    color: #171717;
    font-family: Pretendard-Regular;
    border-radius: 24px 24px 24px 24px;

    display: flex;
    flex-direction: column;
    gap: 20px;
}

.selectTab {
    font-family: "Pretendard-Bold";
    font-size: 18px;
    font-weight: bold;
    line-height: 1.44;
    letter-spacing: -0.45px;
    color: #171717;
}

.qna-tab_contents > h3 {
    /* 내용 없음 */
}

.qna-tab_contents > p {
    margin: 25px 0px;
}

.qna-list_top > .tab02 {
    margin-left: 86px;
}

.tabMenu:hover {
    cursor: pointer;
}

.qna-form-row {
    display: flex;
    width: 100%;
    gap: 8px;
    height: 100%;
    align-items: center;
    font-size: 20px;
    font-family: 'Pretendard-Bold';
}
.qna-telecom > select {
    border-radius: 8px;
    width: 180px;
    height: 60px;
}
.qna-label {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100px;
}
.qna-phone {
    flex: 1;
    width: 100%;
}
.qna-phone > input {
    width: 100%;
    height: 60px;
    border-radius: 8px;
    border: 1px solid;
    border: solid 1px #d1d1d1;
    padding: 20px 18px;
    font-size:20px;
}

.qna-email-user {

}
.qna-email-user > input {
height:60px !important;
    max-width: 240px;
    width:100%;
    height:100%;
    border-radius: 8px;
    border: solid 1px #d1d1d1;
    background-color: #fff;
    padding: 20px 18px;
    font-size:20px;
}
.qna-email-domain {

}
.qna-email-domain > input {
height:60px !important;
    max-width: 240px;
    width:100%;
    height: 100%;
    border-radius: 8px;
    border: solid 1px #d1d1d1;
    background-color: #fff;
    padding: 20px 18px;
    font-size:20px;
}

.qna-email-domain > input:disabled {
    background-color: #fafafa;
}
.qna-email-select {
}
.qna-inquiry {
    width: 100%;
}
.qna-inquiry > textarea {
    width: 100%;
    height: 223px;
    border-radius: 8px;
    border: 1px solid;
    border: solid 1px #d1d1d1;
    padding: 20px 18px;
    resize: none;
    font-size:20px;
    font-family: 'Pretendard-Regular';
}
.qna-form-consent {
}
.qna-consent-detail {
    margin-top: 16px;
    padding: 0px 0px 0px 32px;
    font-size: 18px;
    font-family: 'Pretendard-Regular';
}

.dropdown-wrapper {
    position: relative;
    width: 200px;
    border: solid 1px #d1d1d1;
    border-radius: 10px;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    background-color: white;
    height:60px;
            flex-shrink: 0;
}

.dropdown-wrapper.active {
    border: 1px solid #0468ff
}

.dropdown-selected {
    position: relative;
    padding: 15px 18px 0px 18px;
    padding-right: 30px;
    font-size:20px;
}

.dropdown-selected::after {
    position: absolute;
    right: 12px;
        top: 40%;
    transform: translateY(0%);
    pointer-events: none;
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('https://contents-em.infovine.co.kr/CareServiceFiles/homepage/images/btn-page-down-s@2x.png');
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}
.qna-consent-table > tbody > tr:first-child {
font-family: Pretendard-Bold;
color: #171717;
}

.dropdown-line {
    height: 1px;
    background-color: #ddd;
    margin: 0 12px;
}

.dropdown-options {
position: absolute;
    top: 100%;
    left: -1px;
    width: calc(100% + 2px);
    background: white;
    border: 1px solid #0468ff;
    border-top: none;
    border-radius: 0 0 10px 10px;
    list-style: none;
    padding: 11px;
    margin: 0;
    display: none;
    z-index: 1000;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    margin-top: -10px;
    font-size:20px;
}

.dropdown-options li {
    padding: 8px 0;
    font-weight: bold;
}

.dropdown-options li:hover {
    background-color: #f0f0f0;
}
.termsArea_checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 20px;
    font-family: Pretendard-Bold;
}

.checkbox-label {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("https://contents-em.infovine.co.kr/CareServiceFiles/homepage/images/checkbox-off@2x.png"); /* 체크 안된 이미지 */
    background-size: cover;
    cursor: pointer;
}
.custom-checkbox {
    display: none;
}
/* 체크된 상태 */
.custom-checkbox:checked + .checkbox-label {
    background-image: url("https://contents-em.infovine.co.kr/CareServiceFiles/homepage/images/checkbox-on@2x.png"); /* 체크된 이미지 */
}

table,
th,
td {
    border: 1px solid #d1d1d1;
    vertical-align: middle;
}

.qna-consent-table {
    width: 100%;
    text-align: center;
    margin-top: 8px;
}
.qna-consent-table > tbody > tr {
    height: 44px;
}

.qna-consent-warning {
    margin-top: 8px;
}
.qna-submit{
margin-top:26px;

    display: flex;
    justify-content: center;

}

.qna-submit > button {
    width: 152px;
    height: 60px;
    border-radius: 8px;
    background-color: #0468ff;
    font-family: Pretendard-Bold;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -0.5px;
    text-align: center;
    color: #fff;
    margin-bottom: 32px;
    border: 0px;
}
.qna-submit > button:disabled{
    background:#d1d1d1;
}

.flex-columns{
display: flex;
gap: 8px;
width: 100%;
    align-items: center;
}



/* ≤1200px */
@media (max-width: 1200px) {
  .qna-form {
    padding: 24px 64px;
    font-size: 15px;
    gap: 18px;
  }
  .qna-form-row {
    font-size: 18px;
    gap: 10px;
  }
  .qna-label { flex-basis: 120px; }

  .dropdown-wrapper { }
  .dropdown-selected { font-size: 18px; padding: 14px 18px 0 18px; }
  .dropdown-options{font-size: 18px}

  .qna-phone > input,
  .qna-email-user > input,
  .qna-email-domain > input,
  .qna-inquiry > textarea{ font-size: 18px; }

  .qna-email-user > input,
  .qna-email-domain > input {}

  .qna-inquiry > textarea { height: 200px; }

  .termsArea_checkbox { font-size: 18px; }
  .qna-consent-detail { font-size: 16px; }

  .qna-submit > button { width: 146px; height: 54px; font-size: 18px; }
}

/* ≤1080px */
@media (max-width: 1080px) {
  .qna-wrapper { padding: 0 12px; }
  .qna-form {
    padding: 24px 40px;
    gap: 16px;
  }
  .qna-form-row {
    font-size: 17px;
    gap: 8px;
  }
  .qna-label { flex-basis: 75px; }

  .flex-columns { gap: 6px; }

  .dropdown-wrapper { width: 150px; height: 54px; }
  .dropdown-selected { font-size: 17px; padding: 13px 16px 0 16px; }
  .dropdown-options{font-size: 17px}

  .qna-phone > input,
  .qna-email-user > input,
  .qna-email-domain > input
  .qna-inquiry > textarea{ height: 54px !important; font-size: 17px ; }

   .qna-email-user, .qna-email-domain{
   width:100%;
   }
  .qna-email-user > input,
  .qna-email-domain > input {width:100%;max-width: 100%; }

  .qna-inquiry > textarea { height: 184px; }

  .qna-consent-table > tbody > tr { height: 40px; }
  .qna-consent-detail { font-size: 15px; }

  .qna-submit > button { width: 140px; height: 50px; font-size: 17px; }
}

/* ≤765px */
@media (max-width: 765px) {
  .qna-title { font-size: 32px; }
  .qna-form {
    padding: 22px 20px;
    gap: 14px;
  }
  /* 행을 세로 스택으로 전환 */
  .qna-form-row {

    font-size: 16px;
    gap: 12px;
  }

  .flex-columns {
    width: 100%;
    gap: 6px;
  }

  .dropdown-wrapper { width: 136px; height: 52px; border-radius: 6px; }
  .dropdown-selected { font-size: 16px; padding: 15px 16px 0 16px; }
.dropdown-options{font-size: 16px}

  .qna-phone { width: 100%; }
  .qna-phone > input { height: 52px; font-size: 16px; border-radius: 6px; }

  .qna-email-user, .qna-email-domain { }
  .qna-email-user > input,
  .qna-email-domain > input
   {
    height: 52px !important;
    max-width: 100%;
    font-size: 16px;
    border-radius: 6px;
  }

  .dropdown-options { font-size: 16px; }

  .qna-inquiry > textarea {
    height: 168px;
    padding: 16px;
    font-size: 16px;
  }

  .termsArea_checkbox { font-size: 16px; }
  .qna-consent-detail { font-size: 14px; padding: 0; }

  .qna-consent-table > tbody > tr { height: 38px; }

  .qna-submit > button {
    width: 130px;
    height: 46px;
    font-size: 16px;
  }
}


@media (max-width: 430px) {
.qna-wrapper{
margin: 40px auto 0px;
    padding: 0px;
}
.qna-title{
font-size:28px;
}
.qna-form{
padding: 24px 20px;
border-radius:0px;

}
.qna-form-row{
font-size: 16px;
        flex-direction: column;
        align-items: flex-start;
        gap:16px;
}
.qna-label{
flex-basis:0px;
}
.dropdown-wrapper{
width:102px;
height:52px;
border-radius:4px;
}
.dropdown-selected{
font-size:14px;
    padding: 17px 18px 0px 18px;
}
.qna-phone > input{
font-size:14px;
height:52px !important;
border-radius:4px;
}

.qna-email-user > input{
border-radius:4px;
font-size:14px;
max-width:130px;
height:52px;
}

.qna-email-domain > input{
border-radius:4px;
font-size:14px;
max-width:130px;
height:52px;
}
.flex-columns{
    gap:4px;
    flex-wrap: nowrap;
}
.qna-email-user, .qna-email-domain{
height:52px;
}
.dropdown-options{
font-size:14px;
}
.qna-inquiry > textarea{
    padding:16px;
    font-family:Pretendard-Regular;
    font-size:14px;
    color: #171717;
    height:134px;
}
.termsArea_checkbox{
font-size:16px;
}
.qna-consent-detail{
font-size:14px;
    margin-top: 18px;
    padding: 0px;
}
td {
    width: 130px;
    padding: 0px 30px;
}

.dropdown-selected::after {
    top: 50%;
    width: 16px;
    height: 16px;
    background-image: url('https://contents-em.infovine.co.kr/CareServiceFiles/homepage/images/btn-chk-ss@2x.png');

}
.qna-submit > button {
    width: 120px;
    height: 38px;
    font-size: 14px;
}
}