@charset "utf-8";
/* FLY ASIA 2026 사전등록 */

*{margin:0;padding:0;box-sizing:border-box;}
img{border:0;vertical-align:top;max-width:100%;height:auto;}
ul,ol{list-style:none;}
button{font-family:inherit;cursor:pointer;border:0;background:none;}
input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;}
a{text-decoration:none;color:inherit;}

body{
	font-family:'Pretendard','Noto Sans KR','Malgun Gothic','맑은고딕',sans-serif;
	font-weight:500;letter-spacing:-0.03em;font-size:16px;line-height:1.5;
	color:#333;background:#f4f3f1;-webkit-text-size-adjust:100%;
}

.at-page{background:#eae7e0;min-height:100vh;padding:34px 20px 70px;}
.at-inner{max-width:600px;margin:0 auto;}

/* 상단 배너 : 배경 이미지 위에 문구를 얹는다.
   .at-banner 의 font-size 를 '배너 실제 폭'으로 두고, 자식은 em 으로 잡아
   배너 크기에 정확히 비례해 글자가 커지고 작아지게 한다. */
.at-banner{
	position:relative;display:block;margin-bottom:18px;
	border-radius:10px;overflow:hidden;line-height:0;
	font-size:min(600px, calc(100vw - 40px));
}
.at-banner img{width:100%;font-size:1rem;}
.at-bnr-txt{
	position:absolute;left:4%;right:4%;bottom:7%;
	text-align:center;line-height:1.2;
}
.at-bnr-txt .t{
	display:block;font-size:max(18px, 0.064em);font-weight:800;
	color:#ff9800;letter-spacing:-0.02em;
}
/* 글자수가 많은 제목용 (등록정보 확인) */
.at-bnr-txt.sm .t{font-size:max(16px, 0.054em);}
.at-bnr-txt .s{
	display:block;margin-top:0.4em;font-size:max(10px, 0.025em);
	font-weight:600;color:#fff;letter-spacing:-0.03em;
}
.at-bnr-txt .s.warn{color:#ff0000;font-size:max(11px, 0.028em);}

/* 기존 등록정보 확인 링크 */
.at-link{
	display:flex;align-items:center;justify-content:space-between;gap:12px;
	background:#fff;border-left:6px solid #f1a240;border-radius:8px;
	padding:18px 20px;margin-bottom:22px;
	box-shadow:0 1px 3px rgba(0,0,0,.07);transition:box-shadow .2s;
}
.at-link:hover{box-shadow:0 3px 10px rgba(0,0,0,.12);}
.at-link span{color:#de8b22;font-weight:700;font-size:15px;}
.at-link em{font-style:normal;color:#f1a240;font-size:20px;line-height:1;flex:0 0 auto;}

/* 섹션 헤더 (등록정보) */
.at-secttl{
	background:#f1a240;color:#fff;font-weight:700;font-size:16px;text-align:center;
	padding:11px 16px;border-radius:8px 8px 0 0;
}
.at-secttl + .at-card{border-radius:0 0 8px 8px;}

/* 카드 */
.at-card{
	background:#fff;border-radius:8px;padding:24px 26px;margin-bottom:16px;
	box-shadow:0 1px 3px rgba(0,0,0,.07);
}
.at-card.tight{padding:22px 26px;}

/* 필드 */
.at-field + .at-field{margin-top:22px;}
.at-label{display:block;font-weight:700;font-size:15px;color:#222;margin-bottom:10px;}
.at-label i{font-style:normal;color:#e5342a;margin-left:2px;}
.at-label .at-hint{display:inline-block;margin-left:6px;font-style:normal;font-weight:500;font-size:13px;color:#8a8a8a;letter-spacing:-0.02em;}
.at-input{
	display:block;width:100%;height:46px;padding:0 15px;
	border:1px solid #dcdcdc;border-radius:6px;background:#fff;
	font-size:15px;font-weight:500;transition:border-color .15s;
}
.at-input:focus{outline:0;border-color:#f1a240;}
.at-input::placeholder{color:#b3b3b3;font-weight:400;}

/* 라디오 */
.at-opt{display:flex;align-items:center;gap:10px;padding:7px 0;cursor:pointer;font-size:15px;}
.at-opt input[type=radio],
.at-opt input[type=checkbox]{
	flex:0 0 auto;width:18px;height:18px;margin:0;accent-color:#f1a240;cursor:pointer;
}
.at-opt .etc-in{
	flex:1 1 auto;min-width:0;height:32px;padding:0 4px;
	border:0;border-bottom:1px solid #ccc;border-radius:0;font-size:15px;
}
.at-opt .etc-in:focus{outline:0;border-bottom-color:#f1a240;}
.at-opt .etc-in:disabled{background:transparent;border-bottom-color:#e6e6e6;}

/* 동의문 */
.at-agree h3{font-size:16px;font-weight:700;color:#222;margin-bottom:14px;}
.at-agree .lead{font-size:14px;color:#555;margin-bottom:16px;}
.at-agree dl{margin-bottom:14px;}
.at-agree dt{font-size:14px;font-weight:700;color:#222;margin-bottom:4px;}
.at-agree dd{font-size:14px;color:#555;}
.at-agree dd p + p{margin-top:2px;}
.at-agree .strong{font-size:14px;font-weight:700;color:#222;margin:18px 0 12px;}

/* 버튼 */
.at-submit{
	display:block;width:100%;height:56px;margin-top:26px;
	border:1px solid #f1a240;border-radius:8px;background:#fff;
	color:#de8b22;font-size:17px;font-weight:700;
	transition:background .18s,color .18s;
}
.at-submit:hover,.at-submit:focus,.at-submit:active{background:#f1a240;color:#fff;}
.at-submit.solid{background:#f1a240;color:#fff;border-color:#f1a240;}
.at-submit.solid:hover{background:#de8b22;border-color:#de8b22;}

/* 안내 / 결과 */
.at-msg{background:#fff;border-radius:8px;padding:40px 26px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.07);}
.at-msg .ttl{font-size:20px;font-weight:700;color:#222;margin-bottom:10px;}
.at-msg .txt{font-size:15px;color:#666;}
.at-msg .btns{margin-top:26px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.at-btn{display:inline-block;min-width:140px;height:48px;line-height:46px;padding:0 22px;border-radius:8px;font-size:15px;font-weight:700;text-align:center;}
.at-btn.solid{background:#f1a240;color:#fff;border:1px solid #f1a240;}
.at-btn.solid:hover{background:#de8b22;border-color:#de8b22;}
.at-btn.line{background:#fff;color:#666;border:1px solid #d5d5d5;}
.at-btn.line:hover{border-color:#aaa;color:#333;}

/* 조회 결과 테이블 */
.at-view{width:100%;border-top:2px solid #333;}
.at-view th,.at-view td{border-bottom:1px solid #e5e5e5;padding:13px 8px;font-size:15px;text-align:left;vertical-align:top;}
.at-view th{width:36%;font-weight:700;color:#222;background:#fafafa;padding-left:14px;}
.at-view td{color:#555;word-break:break-all;}

.at-err{background:#fff4f3;border:1px solid #f3c8c4;color:#c0392b;border-radius:6px;padding:13px 16px;font-size:14px;font-weight:600;margin-bottom:16px;}

@media only screen and (max-width:600px){
	body{font-size:15px;}
	.at-page{padding:20px 14px 50px;}
	.at-banner{font-size:calc(100vw - 28px);}
	.at-card{padding:20px 18px;}
	.at-link{padding:15px 16px;}
	.at-link span{font-size:14px;}
	.at-view th{width:38%;padding-left:10px;font-size:14px;}
	.at-view td{font-size:14px;}
}
