@charset "utf-8";

@font-face {
	font-family: "Pretendard Variable", Pretendard, -apple-system,
		sans-serif;
	src:
		url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff')
		format('woff');
	font-weight: 400;
	font-style: normal;
}
/* CSS Document */
* {
	font-family: "Pretendard Variable", Pretendard, -apple-system,
		sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 1;
	box-sizing: border-box;
}

html, body {
	font-family: "Pretendard Variable", Pretendard, -apple-system,
		sans-serif;
	width: 100%;
	height: 100%;
	position: relative;
	scroll-behavior: smooth;
}

strong, b, textarea, input, textarea, select, button, table, select,
	span {
	font-family: "Pretendard Variable", Pretendard, -apple-system,
		sans-serif;
}

ol, ul, dl {
	list-style: none;
}

a {
	display: block;
	width: inherit;
	height: inherit;
}
/*common*/
.fc-red {
	color: #FF5252 !important;
}

.warp {
	position: relative;
	width: 100%;
	margin: 0 auto;
}

.header {
	width: 100%;
	background: #FF8020;
	text-align: center;
	height: 60px;
	display: flex;
}

.header h2 {
	font-size: 19px;
	color: #fff;
	line-height: 60px;
	margin-right: auto;
	width: 100%;
	text-align: center;
}

.btn_close {
	display: inline-block;
	width: 60px;
	height: 60px;
}

.btn_close .line-box {
	width: 100%;
	height: 100%;
	position: relative;
	transform: translate(-25%, 0);
}

.btn_close .line-box>span {
	position: absolute;
	top: 50%;
	width: 40%;
	height: 2px;
	border-radius: 50px;
	background-color: #fff;
}

.btn_close .line-01 {
	transform: rotate(135deg) translateX(0%);
}

.btn_close .line-02 {
	transform: rotate(45deg) translateX(0%);
}

.content-wrap {
	padding: 30px 35px;
	max-width: 1000px;
	margin: 0 auto;
}

.input {
	margin-bottom: 20px;
}

.input>label {
	display: inline-block;
	color: #6E6E6E;
	padding-bottom: 5px;
	font-size: 17px;
	font-weight: 700;
	vertical-align: middle;
}

.input input {
	width: 100%;
	border: 1px solid #D5D5D5;
	border-radius: 6px;
	padding: 0 12px;
	height: 50px;
	color: #000;
	font-size: 17px;
}

.input input::placeholder {
	color: #999;
	font-size: 17px;
}

.input input:disabled {
	background: #F5F5F5;
}

.radio-gender {
	display: flex;
	gap: 10px;
	width: 100%;
}

.radio-gender input[type=radio] {
	display: none;
}

.radio-gender input[type=radio]+label {
	display: inline-block;
	cursor: pointer;
	height: 50px;
	line-height: 50px;
	text-indent: 18px;
	width: 100%;
	background-color: #fff;
	color: #999;
	border-radius: 6px;
	border: 1px solid #D5D5D5;
	font-size: 16px;
	font-weight: 600;
}

.radio-gender input[type=radio]:checked+label {
	background: #FFFAF6;
	color: #FF6E00;
	border-color: #FF8020;
}

.button-wrap {
	padding-top: 10px;
}

.btn_submit {
	display: block;
	text-align: center;
	color: #fff;
	background: #FF8020;
	font-weight: 600;
	font-size: 18px;
	border-radius: 10px;
	width: 100%;
	height: 60px;
	cursor: pointer;       /* ← 이 줄을 추가 */
}

.btn_submit:hover {
    background: #e7761d;   /* 호버 시 배경색 변화 (선택) */
}
.footer {
	width: 100%;
	background: #F8F8F8;
	padding: 30px 35px;
}

.detail-text {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

.detail-text li {
	color: #979797;
	font-size: 15px;
	position: relative;
	padding-left: 8px;
}

.detail-text li::before {
	content: '·';
	position: absolute;
	left: -5px;
	margin-top: -5px;
	font-size: 20px;
}

.detail-text li+li {
	margin-top: 10px;
}

.detail-text li dl dd {
	font-size: 15px;
	padding-top: 5px;
	word-break: keep-all;
}

.detail-text li span {
	font-size: 15px;
	font-weight: 600;
}
/*인증처리완료*/
.img-box {
	text-align: center;
	margin: 50px auto;
}

.text-box {
	text-align: center;
}

.text-box p {
	font-size: 17px;
}

.text-box p+p {
	margin-top: 6px;
}

.copy-area {
	text-align: center;
	margin-top: 20px;
}

.copy-area p {
	font-weight: 900;
	font-size: 20px;
}

/*에러*/
.field-error {
	color: orangered;
	font-weight: bold;
	margin-top: 2px;
	margin-left: 2px;
}