@charset "utf-8";
/* 임직원 친인척 채용 익명신고센터 (/helpdesk/report/)
   메인 리뉴얼(index_renewal.css)의 톤을 따름: 포인트 컬러는 #0A5EB0 하나로 통일 (텍스트·버튼·번호) */

.rpt {max-width:1025px; margin:0 auto; color:#333; font-size:18px; line-height:1.65; word-break:keep-all; font-weight:400;}
.rpt * {box-sizing:border-box;}

/* 공통 태그 */
.rpt-tag {display:inline-block; font-size:17px; font-weight:600; color:#0A5EB0; line-height:1.4;}

/* 공통 카드 */
.rpt-card {margin-top:24px; padding:40px 44px; border:1px solid #e3e8ef; background:#fff;}

/* ── 의제소개 ───────────────────────────── */
.rpt-hero {padding:10px 0 20px; text-align:left;}
.rpt-hero-title {margin-top:0; font-size:46px; font-weight:700; color:#191919; line-height:1.3;}
.rpt-hero-title span,
.rpt-form-title span {color:#0A5EB0;}
.rpt-hero-org {margin-top:18px; font-size:46px; font-weight:700; color:#191919; line-height:1.3;}
.rpt-period {display:flex; align-items:center; gap:12px; margin-top:24px;}
.rpt-period-label {font-size:17px; color:#777;}
.rpt-period strong {font-size:20px; font-weight:700; color:#191919;}
.rpt-state {padding:4px 14px; font-size:15px; font-weight:600; color:#fff; background:#0A5EB0;}
.rpt-state.ready {background:#0A5EB0;}
.rpt-state.close {background:#999;}

.rpt-notice > li + li {margin-top:22px;}
.rpt-notice p {padding-left:1.3em; text-indent:-1.3em; font-size:18px; color:#333; line-height:1.75;}
.rpt-notice .no {display:inline-block; width:1.3em; text-indent:0; font-weight:700; color:#0A5EB0;}
.rpt-target {margin:16px 0 0 1.3em; padding:24px 28px; border:1px solid #e3e8ef; background:#f7f8fa;}
.rpt-target p {padding-left:1.2em; text-indent:-1.2em; font-size:17px; color:#444;}
.rpt-inquiry {margin-top:28px; padding-top:22px; border-top:1px solid #eef1f5; font-size:18px; font-weight:600; color:#191919;}


.rpt-protect {display:flex; align-items:center; justify-content:space-between; gap:30px; margin-top:24px; padding:30px 44px; border:1px solid #d6e6f7; color:#333; background:#eef5fc;}
.rpt-protect-txt {display:flex; align-items:center; gap:18px;}
.rpt-protect-txt svg {flex-shrink:0; width:44px; height:44px; color:#0A5EB0;}
.rpt-protect-txt p {font-size:18px; line-height:1.6;}

/* 버튼 */
.rpt-actions {margin-top:44px; font-size:0; text-align:center;}
.rpt-btn {display:inline-block; min-width:220px; height:60px; margin:0 5px; padding:0 30px; border:1px solid #0A5EB0; font-family:inherit; font-size:20px; font-weight:600; color:#fff; line-height:58px; text-align:center; background:#0A5EB0; cursor:pointer; transition:background .2s;}
.rpt-btn:hover {background:#084d91;}
.rpt-btn.is-line {min-width:140px; border-color:#ccc; color:#555; background:#fff;}
.rpt-btn.is-line:hover {background:#f6f6f6;}
.rpt-btn.is-disabled {border-color:#ccc; background:#ccc; cursor:default;}
.rpt-actions-note {margin-top:12px; font-size:16px; color:#777;}

/* ── 의견등록 ───────────────────────────── */
.rpt-form-head {padding:10px 0 20px; text-align:left;}
.rpt-form-title {margin-top:18px; font-size:46px; line-height:1.3; font-weight:700; color:#191919;}
.rpt-form-desc {margin-top:6px; font-size:21px; font-weight:400; color:#777;}

.rpt-step {display:flex; align-items:center; gap:12px; margin-bottom:26px; font-size:23px; font-weight:700; color:#191919;}
.rpt-step span {display:inline-block; width:36px; height:36px; font-size:15px; color:#fff; line-height:36px; text-align:center; background:#0A5EB0;}
.rpt-step small {padding:2px 10px; border:1px solid #ccc; font-size:14px; font-weight:500; color:#888;}
.rpt-step small.is-req {border-color:#0A5EB0; color:#0A5EB0;}

.rpt-field + .rpt-field {margin-top:22px;}
.rpt-field label {display:block; margin-bottom:8px; font-size:17px; font-weight:600; color:#333;}
.rpt-field label i {font-style:normal; color:#e0475b;}
.rpt-field input[type="text"],
.rpt-field textarea {display:block; width:100%; padding:0 16px; border:1px solid #dde3ec; font-family:inherit; font-size:17px; color:#191919; background:#fff; transition:border-color .2s;}
.rpt-field input[type="text"] {height:52px;}
.rpt-field textarea {height:320px; padding:16px; line-height:1.7; resize:vertical;}
.rpt-field input:focus,
.rpt-field textarea:focus {border-color:#0A5EB0; outline:0;}
.rpt-field input::placeholder,
.rpt-field textarea::placeholder {color:#aaa;}
.rpt-field input:disabled {background:#f5f6f8; cursor:not-allowed;}
.rpt-count {margin-top:8px; font-size:15px; color:#999; text-align:right;}
.rpt-count em {font-style:normal; font-weight:700; color:#0A5EB0;}

.rpt-terms {padding:24px 28px; border:1px solid #e3e8ef; background:#fff;}
.rpt-terms li {position:relative; padding-left:14px; font-size:16px; color:#333; line-height:1.9;}
.rpt-terms li:before {position:absolute; top:.85em; left:0; width:5px; height:5px; border-radius:50%; background:#0A5EB0; content:'';}
.rpt-terms li strong {font-weight:700; color:#c9161e;}

.rpt-agree {display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-top:18px;}
.rpt-agree p {font-size:16px; color:#333; line-height:1.7;}
.rpt-agree p em {font-style:normal; color:#c9161e;}
.rpt-agree p small {display:inline-block; margin-top:2px; font-size:14px; color:#999;}
.rpt-check {display:inline-flex; align-items:center; gap:6px; flex-shrink:0; color:#333; cursor:pointer;}
.rpt-check input {width:17px; height:17px; margin:0; accent-color:#0A5EB0; cursor:pointer;}

.rpt-grid {display:grid; grid-template-columns:1fr 1fr 1.3fr; gap:18px;}
.rpt-grid .rpt-field + .rpt-field {margin-top:0;}
.rpt-info-note {margin-top:14px; font-size:15px; color:#888;}
.rpt-info.is-off .rpt-step,
.rpt-info.is-off .rpt-field label {opacity:.45;}

/* 만14세 확인 (필수) */
.rpt-age .rpt-check {align-items:flex-start; font-size:17px; font-weight:500;}
.rpt-age .rpt-check input {margin-top:4px;}
.rpt-age i {font-style:normal; color:#e0475b;}

/* 스팸 방지용 숨김 필드 */
.rpt-hp {position:absolute !important; left:-9999px !important; width:1px; height:1px; overflow:hidden;}

@media all and (max-width: 1000px) {
	.rpt-age .rpt-check {font-size:15px;}
	.rpt-age .rpt-check input {margin-top:3px;}
	.rpt {font-size:16px;}
	.rpt-card {margin-top:16px; padding:26px 20px;}

	.rpt-hero {padding:0 0 10px;}
	.rpt-hero-title {font-size:29px;}
	.rpt-hero-org {font-size:29px;}
	.rpt-period {flex-wrap:wrap; gap:6px 10px;}
	.rpt-period strong {font-size:17px;}

	.rpt-notice p {font-size:16px;}
	.rpt-target {margin-left:0; padding:16px;}
	.rpt-target p {font-size:15px;}
	.rpt-inquiry {font-size:16px;}

	.rpt-protect {flex-direction:column; align-items:flex-start; gap:16px; padding:24px 20px;}
	.rpt-protect-txt {align-items:flex-start;}
	.rpt-protect-txt svg {width:34px; height:34px;}
	.rpt-protect-txt p {font-size:15px;}
	.rpt-protect-txt p br {display:none;}

	.rpt-actions {margin-top:30px;}
	.rpt-btn {min-width:150px; height:52px; font-size:17px; line-height:50px;}
	.rpt-btn.is-line {min-width:100px;}

	.rpt-form-head {padding:0 0 10px;}
	.rpt-form-title {font-size:29px;}
	.rpt-form-desc {font-size:16px;}
	.rpt-step {margin-bottom:18px; font-size:19px;}
	.rpt-step span {width:30px; height:30px; font-size:13px; line-height:30px;}
	.rpt-field label {font-size:15px;}
	.rpt-field input[type="text"] {height:46px; font-size:16px;}
	.rpt-field textarea {height:240px; font-size:16px;}
	.rpt-terms {padding:18px 16px;}
	.rpt-terms li {font-size:15px;}
	.rpt-agree {flex-direction:column; align-items:flex-start; gap:12px;}
	.rpt-agree p {font-size:15px;}
	.rpt-agree p small {font-size:13px;}
	.rpt-grid {grid-template-columns:1fr; gap:14px;}
}