/* page-main.css */
@import url("notosans-cjk-kr.css");
@import url("common.css");
@import url("animate.css");
@import url("layout.css");
@import url("comps.css");
@import url("modal.css");
@import url("page-sub.css");


.cs-area {
	width: calc(100% - 30px);
	padding: 30px 0 80px 0;
}

.cs-area > .cs-row {
	display: inline-block;
	margin-bottom: 40px;
}

.cs-area > .cs-text-area {
	margin-top: 0;
}

.cs-area > .btn-area {
	margin-top: 50px;
}

.cs-area > .btn-area > .btn {
	width: 220px;
	padding: 22px 0;
}


@media(max-width: 1023px) {

	.cs-area {
		padding: 20px 0 50px 0;
	}

	.cs-area > .btn-area {
		margin-top: 30px;
	}

	.cs-area > .btn-area > .btn {
		width: 160px;
		padding: 18px 0;
	}


}


/* 태블릿 */
@media (min-width: 768px) and (max-width: 1023px) {
	.cs-area > .cs-row {
		margin-bottom: 20px;
	}
}


/* 모바일 */
@media(max-width: 767px) {


	.cs-area > .cs-row {
		margin-bottom: 0;
	}

	.cs-area > .btn-area > .btn {
		width: 140px;
		padding: 16px 0;
	}
}


/* PC */
@media(min-width: 1023px) {

	
}