@charset "utf-8";
.input-wrap label span {font-weight: 500;}
.label.orange {border-color: #FED7AA; background-color: #FFF7ED; color: #EA580C; padding: 6px 12px;}
.privacy-wrap {margin-block: 18px; padding: 0; background-color: transparent; border: 0; border-radius: 0;}
.privacy-wrap:has(>a) {justify-content: flex-start; column-gap: 10px; flex-wrap: wrap; row-gap: 4px;}
.privacy-wrap .custom-chk p {font-size: 15px; font-weight: 500; color: #555555;}
.privacy-wrap > a {color: #0B1F45;}
.input-row.input-grid > * {flex: 1;}
.input-row.input-grid.col3 > * {width: calc(100% / 3 - 18px / 3);}
.input-wrap label .optional,
.radio-wrap label .optional {font-size: 15px; font-weight: 500; color: #949494;}
.input-wrap > .input-list {margin-top: 18px;}
input[type="url"], input[type="tel"], input[type="file"], input[type="text"], input[type="password"], input[type="email"], input[type="number"],
.custom-select select,
.custom-radio label {padding: 10px 14px; height: 40px;}
.datepicker {height: 40px;}
.input-wrap label, .input-wrap label span {color: #111;}

.main-container {padding-block: 80px;}
.customer-title-section .inner,
.customer-notice-section .inner,
.customer-faq-section .inner {max-width: 1053px;}
.customer-title-section {margin-bottom: 80px;}
.customer-title-section .label {padding: 6px 14px; background-color: #F0F3F9; font-size: 14px; font-weight: 600; color: #0B1F45;}
.customer-title-section h2 {font-family: 'YeogiOttaeJalnanGothic'; margin-top: 20px; font-size: 48px; color: #111111;}
.customer-title-section p {margin-top: 8px; font-size: 18px; font-weight: 500; color: #555555;}

.customer-faq-section {padding-bottom: 140px;}
.customer-faq-section .faq-list {border-top: 1px solid #E5E5E5;}
.customer-faq-section .faq-item {border-bottom: 1px solid #E5E5E5;}
.customer-faq-section .faq-question span,
.customer-faq-section .faq-answer span {flex-shrink: 0; width: 64px; height: 100%; font-size: 20px; font-weight: 500; color: #F2994A; text-align: center;}
.customer-faq-section .faq-question {width: 100%; min-height: 70px; display: flex; align-items: center;  background-color: #fff; text-align: left;}
.customer-faq-section .faq-question strong {flex: 1; font-size: 18px; font-weight: 500; color: #404040;}
.customer-faq-section .faq-question i {width: 44px; height: 44px; display: flex; align-items: center; justify-content: center;}
.customer-faq-section .faq-question i svg {transition: transform 0.3s;}
.customer-faq-section .faq-item.open .faq-question i svg {transform: rotate(180deg);}
.customer-faq-section .faq-answer {display: none; background-color: #FFF9EB;}
.customer-faq-section .faq-answer > div {display: flex; align-items: flex-start; padding-block: 50px;}
.customer-faq-section .faq-answer p {font-size: 18px; font-weight: 500; color: #525252; word-break: keep-all;}
.customer-faq-section .faq-answer table {margin-top: 12px;}
.customer-faq-section .faq-answer table tr:first-child {border-top: 1px solid #BFC6D1;}
.customer-faq-section .faq-answer table tr {border-bottom: 1px solid #BFC6D1;}
.customer-faq-section .faq-answer table th,
.customer-faq-section .faq-answer table td {padding: 10px 6px;}
.customer-faq-section .faq-answer table th {background-color: #F8F5EC; text-align: left; font-size: 15px; font-weight: 500; color: #9AAABF;}
.customer-faq-section .faq-answer table td {background-color: #FDFBF5; font-size: 15px; font-weight: 500; color: #1A2540;}

.main-container:has(.counsel-section) {overflow-x: unset;}
.counsel-title-section .inner,
.counsel-section .inner {max-width: 1058px;}
.counsel-section {padding-bottom: 140px;}
.counsel-section .counsel-inner {display: flex; justify-content: space-between;}
.counsel-section .counsel-info {width: 30%; max-width: 300px;}
.counsel-section .counsel-info .counsel-info-box {width: 100%;position: sticky; top: 120px;}
.counsel-section .counsel-info h3 {padding-bottom: 10px; border-bottom: 1px solid #E0E0E0; margin-bottom: 20px; font-size: 16px; font-weight: 600; color: #0B1F45;}
.counsel-section .counsel-contact-list {display: flex; flex-direction: column; gap: 18px; margin-top: 22px;}
.counsel-section .counsel-contact-list li {display: flex; align-items: flex-start; gap: 10px;}
.counsel-section .counsel-contact-list li i {width: 32px; height: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center; background-color: #FFFAEB;}
.counsel-section .counsel-contact-list li span {display: block; margin-bottom: 1px; font-size: 15px; font-weight: 500; color: #888888;}
.counsel-section .counsel-contact-list li strong {font-size: 16px; font-weight: 500; color: #111111;}
.counsel-section .counsel-benefit-list {display: flex; flex-direction: column; gap: 14px; margin-top: 40px; padding: 20px 22px; border-radius: 12px; background-color: #FFFAEB;}
.counsel-section .counsel-benefit-list li {font-size: 15px; font-weight: 500; color: #555555; display: flex; align-items: center; column-gap: 10px;}
.counsel-section .counsel-benefit-list li i {width: 18px; height: 18px; border-radius: 4px; display: flex; align-items: center; justify-content: center; background: #FFB900; background: linear-gradient(180deg, rgba(255, 185, 0, 1) 0%, rgba(242, 153, 74, 1) 100%);}
.counsel-section .counsel-form {width: calc(70% - 50px); max-width: 672px; padding: 36px; border: 1px solid #E0E0E0; border-radius: 16px; background-color: #fff;}
.counsel-section .counsel-form .domestic-field,
.counsel-section .counsel-form .overseas-field {display: flex; flex-direction: column; row-gap: 18px;}
.counsel-section .counsel-form.domestic-type .overseas-field,
.counsel-section .counsel-form.overseas-type .domestic-field {display: none;}
.counsel-section .counsel-tab-list {display: flex; align-items: center; gap: 8px;}
.counsel-section .counsel-tab-btn {transition: all 0.2s; flex: 1; height: 55px; border: 1px solid #EEEEEE; border-radius: 8px; background-color: #fff; font-size: 15px; font-weight: 600; color: #0B1F45;}
.counsel-section .counsel-tab-btn.active {border-color: #4A90E2; background-color: #4A90E2; color: #fff;}
.counsel-section .counsel-form .overseas-notice {padding: 10px; border-radius: 10px; background-color: #FFFBEA; font-size: 14px; font-weight: 500; color: #555;}
.counsel-section .counsel-form.domestic-type .overseas-notice {display: none;}
.counsel-section .counsel-form .line {width: 100%; height: 1px; background-color: #E0E0E0;}
.counsel-time-radio > .custom-radio {flex: unset; width: fit-content;}
.counsel-time-radio > .custom-radio label{padding-inline: 14px; color: #555555;}
.counsel-agree-radio {width: fit-content;}
.counsel-agree-radio > .custom-radio {flex: unset;}
.counsel-agree-radio .custom-radio,
.counsel-check-group .custom-chk {transition: border 0.2s, background-color 0.2s; padding: 10px 14px; border-radius: 8px; border: 1px solid #E0E0E0;}
.counsel-agree-radio label span,
.counsel-check-group .custom-chk label span {margin-right: 7px; transition: border 0.2s; width: 14px; height: 14px; border-radius: 3px; border: 1px solid #555555;}
.counsel-agree-radio label em,
.counsel-check-group .custom-chk label em {font-style: normal; transition: color 0.2s; font-size: 15px; color: #555555;}
.counsel-agree-radio .custom-radio:has(input[type="radio"]:checked),
.counsel-check-group .custom-chk:has(input[type="checkbox"]:checked) {border-color: #2461E9; background-color: #F6F9FF;}
.counsel-check-group .custom-chk input[type="checkbox"]:checked + label span,
.counsel-agree-radio .custom-radio input[type="radio"]:checked + label span {border-color: #2461E9;  background-color: transparent;  background-image: url(../img/check-ico-blue.svg); background-size: cover;}
.counsel-check-group .custom-chk input[type="checkbox"]:checked + label em,
.counsel-agree-radio .custom-radio input[type="radio"]:checked + label em {color: #2461E9; font-weight: 500;}
.counsel-agree-radio .custom-radio {padding: 0;}
.counsel-agree-radio label {padding: 10px 14px; border: 0; border-radius: 0; background-color: transparent;}
.counsel-agree-radio label span {display: block;}
.counsel-agree-radio .custom-radio input[type="radio"]:checked + label {border-radius: 8px; background-color: transparent; border-color: transparent; color: #2461E9;}

@media screen and (max-width: 1024px) {
    .customer-title-section h2 {font-size: 42px;}
    .customer-faq-section .faq-question span, .customer-faq-section .faq-answer span {width: 40px;}
    .customer-faq-section .faq-question i svg {width: 18px;}

    .counsel-section .counsel-inner {flex-direction: column-reverse; row-gap: 40px;}
    .counsel-section .counsel-form,
    .counsel-section .counsel-info {width: 100%; max-width: unset;}
    .counsel-section .counsel-form {padding: 28px;}
    .counsel-section .counsel-info .counsel-info-box {position: unset;}
}

@media screen and (max-width: 768px) {
    .input-wrap label .optional,
    .radio-wrap label .optional {font-size: 12px;}
    .customer-title-section h2 {font-size: 36px;}
    .customer-title-section p {font-size: 16px;}
    .customer-faq-section .faq-question strong,
    .customer-faq-section .faq-answer p {font-size: 16px;}
    .customer-faq-section .faq-question i svg {width: 16px;}
    .counsel-section .counsel-form {padding: 20px;}
    .counsel-section .counsel-tab-btn {height: 40px;}
    .input-row.input-grid.col3 > * {flex: unset;}
    .input-row.input-grid.col3 input[type="text"] {width: calc(50% - 6px);}
    .input-row.input-grid.col3 .custom-select {width: 100%;}
    .input-row.counsel-date-row {flex-wrap: wrap;}
    .input-row.counsel-date-row input[type="date"] {width: 100%;}
    .input-row.counsel-date-row .counsel-time-radio {justify-content: flex-end;}
    .privacy-wrap:has(>a) > a {margin-left: auto;}
}