@charset "utf-8";
.inquiry .sub-top{background-image: url("../images/inquiry-top-bg.png");background-size: cover;background-repeat: no-repeat;width: 100%;height: 46rem;position: relative;background-position: center bottom;}
.map .sub-top{background-image: url("../images/map-top-bg.png");background-size: cover;background-repeat: no-repeat;width: 100%;height: 46rem;position: relative;background-position: center bottom;}
.sub-top .title-box{width: 100%;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);text-align: center;}
.sub-top .title-box h2{color: #FFF;text-align: center;font-family: "Tinos", serif;font-size: 1.8rem;font-style: normal;font-weight: 400;line-height: 1.4;margin-top: 2.4rem;}
.sub-top .title-box h1{color: #FFF;font-size: 5.6rem;font-style: normal;font-weight: 600;line-height: 1.14;margin-top: 1.2rem;}
.live-consultation {max-width: 1056px;margin: 60px auto 0;border-radius: 12px;overflow: hidden;padding:0 16px}
.live-consultation .title {color: #111;text-align: center;font-size: 3.2rem;font-style: normal;font-weight: 600;line-height: 1.37;}
.liveSwiper {height: 330px;margin-top: 32px;border-top: 1px solid #222;border-bottom: 1px solid #E5E5EC;pointer-events: none;}
.consultation-item {display: flex;align-items: center;padding: 1.6rem 2.4rem;gap: 4rem;}
.consultation-item .group{display: flex;gap: 4rem;}
.consultation-item .status {display: inline-flex;align-items: center;justify-content: center;min-width: 104px;padding: 6px 20px;border-radius: 20px;font-size: 1.8rem;font-weight: 600;}
.consultation-item .status.wait {background-color: #9C9EB3;color: #FFF;}
.consultation-item .status.done {background-color: #2B5AB9;color: #fff;}
.consultation-item .name {min-width: 5rem;font-size: 1.8rem;color: #111;font-weight: 500;}
.consultation-item .content {flex: 1;font-size: 1.8rem;color: #111;text-align: center;}
.consultation-item .region {min-width: 8rem;font-size: 1.8rem;color: #222;text-align: right;}
.consultation-item .date {min-width: 9rem;font-size: 1.8rem;color: #505050;text-align: right;}
.consultation-item .group:nth-of-type(1){flex: 1;min-width: 0;}
.consultation-item .group:nth-of-type(2){width: 22rem;flex-shrink: 0;justify-content: flex-end;}

.inquiry-write {max-width: 1024px;margin: 60px auto 0;}
.inquiry-write .title {font-size: 36px;font-weight: 600;color: #111;margin-bottom: 32px;text-align: center;line-height: 1.55;}
.inquiry-form {border-top: 1px solid #222222;}
.inquiry-form .inquiry-form-wrapper {background-color: #fff;}

.map-wrapper {max-width: 1920px;margin: 60px auto 200px;position: relative;}
.map-wrapper .title {font-size: 36px;font-weight: 600;color: #111;margin-bottom: 32px;text-align: center;line-height: 1.55;}
.map-wrapper .title .subtitle {font-weight: 400;}
.map-wrapper .map-image{width: 100%;max-width: 1400px;height: 680px;margin: 0 170px;background-image: url("../images/map-image.png");background-position: center;background-size: cover;}
.map-wrapper .company-card{border: 1px solid #E5E5EC;background-color: #212836;box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);background-image: url("../images/map-card-bg.jpg");background-repeat: no-repeat;background-position:top right ;width: 854px;max-width: 100%;height: 450px;position: absolute;bottom:0;right: 0;padding:48px;}
.map-wrapper .company-card .address-wrapper{margin-top:40px;display: flex;column-gap: 80px;}
.map-wrapper .company-card .address-wrapper .col{display: flex;flex-direction: column;row-gap: 32px;}
.map-wrapper .company-card .address-wrapper .col dt{color: #6583BF;font-family: "Tinos", serif;font-size: 18px;font-style: normal;font-weight: 400;line-height: 1.44;}
.map-wrapper .company-card .address-wrapper .col dd{color: #FFF;font-size: 18px;font-style: normal;font-weight: 400;line-height: 1.44;}
.map-wrapper .company-card .address-wrapper .col dd.address{font-size: 20px;font-weight: 600;}
.map-wrapper .company-card .address-wrapper .col a{color: #FFF;font-size: 32px;font-style: normal;font-weight: 600;line-height: 1}
.map-wrapper .company-card .address-wrapper .col.left dd{margin-top: 12px}
.map-wrapper .company-card .address-wrapper .col.right dd{margin-top: 8px}
.map-wrapper .company-card .address-wrapper .col.right dt:nth-of-type(n+2){margin-top: 12px}

@media (max-width: 1800px) {
    .map-wrapper .map-image{margin: 0;}
}

@media (max-width: 1600px) {
    .map-wrapper .map-image{margin: 0 auto;}
    .map-wrapper .company-card{position: relative;margin: -200px auto 0;}
}
@media (max-width: 860px)
{
    .map-wrapper .map-image{background-image: url("../images/m-map-image.png");width: 100%;height: auto;aspect-ratio: 375 / 343;}
    .map-wrapper .company-card {position: relative;margin: 0 auto ;padding: 40px 16px 56px;height: auto;border: 0;}
    .map-wrapper .company-card .logo{width: 15.1rem;}
    .map-wrapper .company-card .logo svg {width: 100%;height: auto;}
    .map-wrapper .company-card .address-wrapper {margin-top: 20px;flex-direction: column;}
    .map-wrapper .company-card .address-wrapper .col {row-gap: 0;}
    .map-wrapper .company-card .address-wrapper .col dl{padding:12px;}
}

@media (max-width: 768px) {
    .map .sub-top{background-image: url("../images/m-map-top-bg.png");background-position: left bottom;height: 30rem;}
    .map .sub-top .title-box .icon svg {width: 4rem;}
    .map .sub-top .title-box h2{font-size: 1.6rem;margin-top: 1.8rem;}
    .map .sub-top .title-box h1{font-size: 4.2rem;margin-top: .9rem;}
    .map-wrapper .title {font-size: 24px;}
    .map-wrapper{margin: 3.2rem auto 0;}

}

@media (max-width: 620px) {
    .map-wrapper .company-card .address-wrapper .col dt{font-size: 12px;}
    .map-wrapper .company-card .address-wrapper .col dd{font-size: 14px;}
    .map-wrapper .company-card .address-wrapper .col a{font-size: 20px}
    .map-wrapper .company-card .address-wrapper .col dd.address{font-size: 15px;}
}

.form-row {display: flex;border-bottom: 1px solid #e5e5e5;}
.form-label {width: 200px;min-width: 180px;padding: 24px 24px;background-color: #F9F9F9;font-size: 14px;font-weight: 600;color: #222222;display: flex;align-items: flex-start;}
.form-label.required::after {content: '*';color: #3B82F6;margin-left: 4px;}
.form-content {flex: 1;padding: 20px;}
.form-input {width: 100%;max-width: 400px;padding: 12px 16px;border: 1px solid #ddd;border-radius: 4px;font-size: 14px;transition: border-color 0.2s;box-sizing: border-box;}
.form-input:focus {outline: none;border-color: #3B82F6;}
.form-input::placeholder {color: #999;}

/* 셀렉트 박스 */
.form-select {width: 100%;max-width: 400px;padding: 12px 40px 12px 16px;border: 1px solid #ddd;border-radius: 4px;font-size: 14px;background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 8L1 3h10z'/%3E%3C/svg%3E") no-repeat right 16px center;appearance: none;cursor: pointer;box-sizing: border-box;color:#222222;}
.form-select:focus {outline: none;border-color: #3B82F6;}

/* 텍스트에어리어 */
.form-textarea {width: 100%;min-height: 200px;padding: 16px;border: 1px solid #ddd;border-radius: 4px;font-size: 14px;resize: vertical;box-sizing: border-box;font-family: inherit;}
.form-textarea:focus {outline: none;border-color: #3B82F6;}
.form-textarea::placeholder {color: #999;}
.form-hint {margin-top: 8px;font-size: 13px;color: #666;}
.form-hint.highlight {color: #e74c3c;}
.privacy-checkbox {display: flex;align-items: center;gap: 8px;margin-bottom: 12px;}
.privacy-checkbox input[type="checkbox"] {width: 18px;height: 18px;cursor: pointer;background-image: url("../images/icons/checkbox-off.svg");background-repeat: no-repeat;background-size: 100%;}
.privacy-checkbox input[type="checkbox"]:checked{background-image: url("../images/icons/checkbox-on.svg");}
.privacy-checkbox label {font-size: 14px;color: #222222;cursor: pointer;}
.privacy-content {border: 1px solid #ddd;border-radius: 4px;padding: 20px;max-height: 200px;overflow-y: auto;background-color: #fafafa;}
.privacy-title {font-size: 14px;font-weight: 600;color: #333;margin-bottom: 16px;}
.privacy-text {font-size: 14px;color: #222222;line-height: 1.8;}
.privacy-text strong {color: #333;}
/* 제출 버튼 */
.form-submit {padding: 40px 0;text-align: center;}
.btn-submit {width: 280px;height: 56px;padding: 16px 60px;background: #1B4DB3;color: #fff;border: none;font-size: 18px;font-weight: 600;cursor: pointer;transition: transform 0.2s, box-shadow 0.2s;}
.btn-submit:hover {transform: translateY(-2px);box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);}

@media (max-width: 1024px) {
    .consultation-item {gap: 2rem;padding: 1.6rem .8rem;}
    .consultation-item .group{gap: 2rem;}
}

@media (max-width: 768px) {
    .inquiry .sub-top{background-image: url("../images/m-inquiry-top-bg.png");background-position: left bottom;height: 30rem;}
    .inquiry .sub-top .title-box .icon svg {width: 4rem;}
    .inquiry .sub-top .title-box h2{font-size: 1.6rem;margin-top: 1.8rem;}
    .inquiry .sub-top .title-box h1{font-size: 4.2rem;margin-top: .9rem;}

    .live-consultation{margin: 3.2rem auto 0;}
    .live-consultation .title{font-size: 2rem;margin-bottom: 2rem;}
    .inquiry-write {padding: 2rem 16px;margin: 4rem auto 0;}
    .inquiry-write .title {font-size: 2rem;margin-bottom: 2rem;}

    .form-row {flex-direction: column;}
    .form-label {width: 100%;min-width: 100%;padding: 16px;background-color: transparent;border-bottom: none;}
    .form-content {padding: 0 16px 20px;}
    .form-input, .form-select {max-width: 100%;}
    .form-submit {padding: 30px 0;}
    .btn-submit {width: 100%;padding: 16px 20px;font-size: 16px;}
    .form-hint {font-size: 12px;}
    .consultation-item .group{flex-direction: column;align-items: flex-start;    row-gap: .6rem;}
    .consultation-item .group:nth-of-type(2){align-items: flex-end;    width: auto;}
    .consultation-item .status {min-width: 60px;padding: 6px 9px;border-radius: 20px;font-size: 1.4rem;}
    .consultation-item .name {font-size: 1.6rem;}
    .consultation-item .content {font-size: 1.4rem;}
    .consultation-item .region {font-size: 1.4rem;}
    .consultation-item .date {font-size: 1.4rem;}


}
@media (max-width: 375px) {
    .inquiry .sub-top .title-box h2{font-size: 1.2rem;margin-top: 1.2rem;}
    .inquiry .sub-top .title-box h1{font-size: 2.8rem;margin-top: 0.6rem;}
    .btn-submit { height: 46px;font-size: 14px;}
    .consultation-item .status {min-width: 60px;padding: 6px 9px;border-radius: 20px;font-size: 1.2rem;}
    .consultation-item .name {font-size: 1.4rem;}
    .consultation-item .content {font-size: 1.2rem;}
    .consultation-item .region {font-size: 1.2rem;}
    .consultation-item .date {font-size: 1.2rem;}
}