/*
	뉴스레터 구독신청(newsletter-subscription-anchor) 전용 스타일.

	안내문 전용 퍼블 자산이 없어 iacf 완료화면 어휘(box-final > tit + con-final)를 재사용했다.
	그 어휘는 "신청 완료" 화면용이라 가운데 정렬·카드 테두리·660px 폭을 전제로 하는데,
	본문 상단 안내문에는 맞지 않아 이 파일에서 안내문 톤으로만 되돌린다.
	스코프는 write.jsp 루트의 .newsletter-subscription + .b-intro-box 두 겹으로 잡아
	완료화면(같은 어휘를 그대로 쓴다)에는 영향이 가지 않게 한다.
*/

/* 겉 카드 테두리를 없앤다 — 폼 위 안내문이라 카드로 떠 있을 이유가 없다 */
.newsletter-subscription .b-intro-box.signup-wrap.type02 .signup-box .box-final {
	border: 0;
	border-radius: 0;
	padding: 0 0 30px;
}

/* 완료화면은 660px 안에 모으지만 안내문은 폼 폭을 그대로 쓴다 — 문장이 한 줄에 들어가야 한다.
   iacf-etc.css 의 .signup-wrap.type02 .signup-box .box-final .final-inner 가 660px 를 걸어두므로
   같은 깊이(.b-intro-box.signup-wrap.type02)로 특이도를 넘겨야 덮인다 */
.newsletter-subscription .b-intro-box.signup-wrap.type02 .signup-box .box-final .final-inner {
	max-width: 100%;
	width: 100%;
	margin: 0;
}

/* 제목·본문 모두 왼쪽 정렬 */
.newsletter-subscription .b-intro-box .box-final .tit {
	text-align: left;
	font-size: 22px;
	margin: 0 0 16px;
}

.newsletter-subscription .b-intro-box .box-final .con-final {
	padding: 20px 24px;
}

.newsletter-subscription .b-intro-box .box-final .con-final > p {
	text-align: left;
	font-size: 15px;
	line-height: 160%;
	margin: 0;
}

.newsletter-subscription .b-intro-box .box-final .con-final > p + p {
	margin-top: 8px;
}

/* 좁은 화면에서는 한 줄 유지를 포기하고 자연스럽게 접는다 */
@media screen and (max-width: 768px) {
	.newsletter-subscription .b-intro-box .box-final .tit {
		font-size: 18px;
	}
	.newsletter-subscription .b-intro-box .box-final .con-final {
		padding: 16px;
	}
	.newsletter-subscription .b-intro-box .box-final .con-final > p {
		font-size: 14px;
	}
}