@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
.kcap-consult-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:36px;align-items:start;font-family:'Nanum Gothic',sans-serif}.kcap-consult-card{padding:42px 50px 50px;border:1px solid #cbd8e9;border-radius:14px;background:#fff}.kcap-consult-head{padding-bottom:24px;border-bottom:2px solid #0b3b70}.kcap-consult-head span{color:#c88a00;font-size:12px;font-weight:800}.kcap-consult-head h2{margin:8px 0 10px;color:#082c58;font-size:32px}.kcap-consult-head p{margin:0;color:#66778b}.kcap-consult-form{padding-top:28px}.kcap-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px}.kcap-consult-form label{display:block;margin-bottom:22px;color:#173d6a;font-size:14px;font-weight:700}.kcap-consult-form em{color:#df9500;font-style:normal}.kcap-consult-form input,.kcap-consult-form textarea{display:block;width:100%;margin-top:9px;padding:0 14px;border:1px solid #c9d6e8;border-radius:7px;font:400 15px 'Nanum Gothic'}.kcap-consult-form input{height:48px}.kcap-consult-form textarea{height:190px;padding-top:14px;resize:vertical}.kcap-privacy{margin:8px 0 24px;padding:20px 22px;border:1px solid #d6e0ed;border-radius:9px;background:#f7f9fc}.kcap-privacy p{color:#68788c;font-size:13px}.kcap-privacy label{margin:12px 0 0}.kcap-privacy input{display:inline-block;width:17px;height:17px;margin:0 8px 0 0;vertical-align:middle}.kcap-date{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:center}.kcap-date p{color:#7a8797;font-size:13px}.kcap-consult-form>button{width:100%;height:54px;border:0;border-radius:8px;background:#0a376b;color:#fff;font:800 16px 'Nanum Gothic'}.kcap-consult-side,.kcap-consult-info{overflow:hidden;border:1px solid #bfd0e5;border-radius:11px;background:#fff}.kcap-consult-side h3{display:grid;place-items:center;height:57px;margin:0;background:#0b376b;color:#fff}.kcap-consult-side a{display:flex;justify-content:space-between;align-items:center;height:54px;padding:0 18px;border-top:1px solid #d5dfeb;color:#173d6a;text-decoration:none}.kcap-consult-side a.active{color:#c88600;background:#fffaf1;font-weight:800}.kcap-consult-info{margin-top:18px;padding:24px;text-align:center}.kcap-consult-info b,.kcap-consult-info strong,.kcap-consult-info small{display:block}.kcap-consult-info h3{margin:8px}.kcap-consult-info p{color:#68798e;line-height:1.7}.kcap-consult-info strong{color:#0a376b;font-size:20px}.kcap-consult-info small{margin-top:5px;color:#8996a5}.kcap-consult-result{margin:24px 0 0;padding:18px;border-radius:8px}.kcap-consult-result.ok{background:#eef8f2;color:#17623a}.kcap-consult-result.error{background:#fff2f2;color:#a52828}
/* 상담신청 완료 팝업의 화면 전체 배경 */
.kcap-consult-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 18px; /* 작은 화면에서 팝업과 화면 가장자리 사이의 여백 */
    background: rgba(5,24,52,.58); /* 팝업 뒤쪽의 어두운 배경 */
    backdrop-filter: blur(3px); /* 팝업 뒤쪽 화면 흐림 정도 */
}
.kcap-consult-modal.is-open {display:flex;}

/* 흰색 팝업창 자체 */
.kcap-consult-dialog {
    width: 350px; /* 팝업창 가로 크기 */
    max-width: 100%;
    overflow: hidden;
    border: 1px solid rgba(230,197,90,.85); /* 팝업 외곽 금색 테두리 */
    border-radius: 16px; /* 팝업 모서리 둥근 정도 */
    background: #fff;
    box-shadow: 0 18px 48px rgba(3,22,48,.30);
    font-family: 'Nanum Gothic',sans-serif;
    text-align: center;
}

/* 팝업창 맨 위의 금색 선 */
.kcap-consult-dialog-top {
    height: 5px; /* 금색 선의 두께 */
    background: linear-gradient(90deg,#e6c55a,#f6d878,#c99b25);
}

/* 팝업창 내부 전체 여백: 위 21px / 좌우 20px / 아래 19px */
.kcap-consult-dialog-body {padding:21px 20px 19px;}

/* 체크 표시 원형 아이콘 */
.kcap-consult-complete-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px; /* 체크 원의 가로 크기 */
    height: 52px; /* 체크 원의 세로 크기 */
    margin: 0 auto 12px; /* 위 0 / 좌우 자동 중앙정렬 / 제목과의 아래 간격 12px */
    border: 1px solid #e9c95d;
    border-radius: 50%;
    background: #fff8de;
    color: #0b3b70;
    font-size: 28px; /* 체크 표시 크기 */
    font-weight: 900;
    box-shadow: 0 6px 15px rgba(201,155,37,.15);
}

/* '상담 신청이 접수되었습니다' 제목 */
.kcap-consult-dialog h2 {
    margin: 0 0 9px; /* 위 0 / 좌우 0 / 보조문구와의 아래 간격 9px */
    color: #0b3b70;
    font-size: 20px; /* 제목 글자 크기 */
    line-height: 1.4; /* 제목 줄 간격 */
    word-break: keep-all;
}

/* 가운데 안내문구 두 줄 */
.kcap-consult-dialog p {
    margin: 0;
    color: #4b5f78;
    font-size: 15px; /* 보조문구 글자 크기 */
    font-weight: 400; /* 보통 글씨: 400 / 조금 굵게: 500 */
    line-height: 1.55; /* 한 문장 내부의 줄 간격 */
}

/* 첫 번째 안내문과 두 번째 안내문 사이 간격 */
.kcap-consult-dialog .kcap-consult-primary-note {
    margin-bottom: 3px;
}

/* 두 번째 안내문과 한국갈등조정진흥원 기관명 사이 간격 */
.kcap-consult-dialog .kcap-consult-secondary-note {
    margin-bottom: 13px;
    color: #66778b;
}

/* 한국갈등조정진흥원 기관명 */
.kcap-consult-dialog strong {
    display: block;
    color: #b07b00;
    font-size: 13px;
}

/* 닫기 버튼 */
.kcap-consult-dialog button {
    height: 38px; /* 버튼 세로 높이 */
    margin-top: 15px; /* 기관명과 버튼 사이의 위쪽 간격 */
    padding: 0 23px; /* 위아래 0 / 좌우 23px */
    border: 1px solid #0b3b70;
    border-radius: 8px;
    background: #0b3b70;
    color: #fff;
    font: 800 14px 'Nanum Gothic';
    cursor: pointer;
}
.kcap-consult-dialog button:hover {background:#082c58;}
@media(max-width:900px){.kcap-consult-layout{grid-template-columns:1fr}.kcap-form-grid,.kcap-date{grid-template-columns:1fr}}@media(max-width:560px){.kcap-consult-card{padding:28px 20px}.kcap-consult-head h2{font-size:27px}.kcap-consult-dialog{width:min(330px,90vw)}.kcap-consult-dialog-body{padding:20px 17px 18px}.kcap-consult-dialog h2{font-size:18px}.kcap-consult-dialog button{width:auto;min-width:82px}}