@import url("sub.css");

.sub02 .info {
	width: 100%;
	max-width: 962px;
	margin: 0 auto 20px;
	color: #e91414;
	font-size: 20px;
	font-weight: 300;
}
.sub02 i {
	display: inline-block;
	vertical-align: 0;
	color: #e91414;
	font-size: 20px;
	font-weight: 300;
}

.sub02 table {
	width: 100%;
	max-width: 962px;
	margin: 0 auto;
	font-weight: 300;
	font-size: 20px;
}
.sub02 table th {
	border: 1px solid #707070;
	background: #ececec;
	width: 182px;
	font-weight: 300;
	color: #000;
}
.sub02 table td {
	border: 1px solid #707070;
	padding: 16px 20px;
	color: #000;
}
.sub02 table .grid2 .first {
	width: 35%;
}
.sub02 table td select {
	width: 201px;
}
.sub02 table td input[type=text] {
	width: 100%;
	font-size: 20px;
	font-weight: 300;
	padding: 0 10px;
}
.sub02 table .mail td input[type=text] {
	border: 1px solid #a8a8a8;
	width: 225px;
	height: 33px;
	padding: 0 10px;
}
/* 20210622 추가 */
.sub02 table #mailInput {
	display: none;
	width: 200px;
}
/* // 20210622 추가 */
.sub02 table td span {
	display: inline-block;
    vertical-align: 0;
	margin: 0 5px;
	font-weight: 300;
	font-size: 20px;
	word-break: keep-all;
}
.sub02 table .mail td select {
	width: 183px;
	height: 35px; /* 20210622 추가 */
}
.sub02 table .gender select {
	width: 87px;
}
.sub02 table .birth input {
	display: none;
}
.sub02 table .agreeForm {
	padding: 27px 32px 20px;
}
.sub02 table .text {
	word-break: keep-all;
	color: #767676;
	font-size: 18px;
	font-weight: 200;
}
.sub02 table .text .line {
	position: relative;
	padding-left: 15px;
}
.sub02 table .text .line:before {
	content: '-';
	position: absolute;
	top: 0;
	left: 0;
}
.sub02 table .text p span {
	margin-left: 84px;
	color: #767676;
	font-size: 18px;
	font-weight: 200;
}
.sub02 table .agree {
	position: relative;
	border-top: 1px solid #707070;
    color: #767676;
    font-weight: 300;
    margin-left: -32px;
    width: calc(100% - -64px);
    padding: 20px 20px 0 20px;
    margin-top: 53px;
    box-sizing: border-box;
}
.sub02 table .agree input[type=checkbox] {
	display: none;
}
.sub02 table .agree input[type=checkbox] + label:before {
	content: '';
	display: block;
	position: absolute;
	right: 35px;
	width: 30px;
	height: 30px;
	border: 1px solid #707070;
	background: #fff;
	box-sizing: border-box;
}
.sub02 table .agree input[type=checkbox]:checked + label:before {
	background: #9cc826 url("../images/ico-check.png")no-repeat 50% 50% / 18px;
}
.sub02 table .quesLine {
	padding: 30px 27px;
}
.sub02 table .quesLine textarea {
	width: 100%;
	height: 185px;
	resize: none;
	border: 0;
	font-size: 20px;
	font-weight: 300;
	color: #000;
	letter-spacing: -0.5px;
}
.sub02 button {
	display: block;
	background: #9cc826;
	width: 215px;
	height: 62px;
	border-radius: 46px;
	color: #fff;
	font-size: 30px;
	margin: 75px auto 0;
}

input:disabled {
	background: #fff;
}
textarea:disabled {
	background: #fff;
}



@media screen and (max-width: 1024px){
	.sub02 .info {
		font-size: 18px;
	}
	.sub02 i {
		font-size: 18px;
	}
	.sub02 table {
		font-size: 18px;
	}
	.sub02 table .text {
		font-size: 16px;
	}
	.sub02 table td span {
		font-size: 18px;
	}
	.sub02 table .quesLine textarea {
		font-size: 18px;
	}
	.sub02 button {
		font-size: 25px;
	}
	/* 20210622 추가 */
	.sub02 table td input[type=text] {
		font-size: 16px;
		padding: 0;
	}
	.sub02 table .mail td input[type=text] {
		width: 32%;
	}
	.sub02 table #mailInput {
		width: calc(25% - 13px);
	}
	.sub02 table .mail td select {
		width: 27%;
		font-size: 18px;
	}
	/* // 20210622 추가 */
}
@media screen and (max-width: 768px){
	.sub02 .info {
		font-size: 10px;
		margin: 10px 0 -15px;
	}
	.sub02 i {
		font-size: 15px;
	}
	.sub02 table {
		font-size: 15px;
	}
	.sub02 table th {
		display: block;
		background: #fff;
		border: 0;
		text-align: left;
		margin: 15px 0 5px;
	}
	.sub02 table td {
		display: block;
		padding: 0;
		border: 1px solid #a8a8a8;
		height: 40px;
	}
	.sub02 table td input[type=text] {
		font-size: 15px;
		height: 40px;
		box-sizing: border-box;
		padding: 0 10px;
	}
	.sub02 table .mail td input[type=text] {
		border: 0;
		width: 100%;
		height: 40px;
		box-sizing: border-box;
	}
	.sub02 table .mail td span {
		display: none;
	}
	.sub02 table .mail td select {
		display: none;
	}
	.sub02 table .grid2 .first {
		width: 100%;
	}
	.sub02 table td select {
		width: 100%;
		height: 40px;
		border: 0;
		background-position: 98% 50%;
		font-size: 15px;
	}
	.sub02 table .gender select {
		width: 100%;
		font-size: 15px;
	}
	.sub02 table .birth select {
		display: none;
	}
	.sub02 table .birth span {
		display: none;
	}
	.sub02 table .birth input {
		display: block;
	}
	.sub02 .br {
		display: none;
	}
	.sub02 table .agreeForm {
		height: auto;
		padding: 12px 10px 0;
	}
	.sub02 table .text {
		font-size: 10px;
	}
	.sub02 table .text p span {
		display: inline-block;
		font-size: 10px;
		margin-left: 0;
	}
	.sub02 table .agree {
		margin-left: -11px;
    	width: calc(100% - -22px);
    	margin-top: 20px;
    	padding: 5px 20px 8px 7px;
	}
	.sub02 table td span {
		font-size: 12px;
	}
	.sub02 table .agreeTr th {
		margin: 24px 0 15px;
	}
	.sub02 table .agree input[type=checkbox] + label:before {
		width: 15px;
	    height: 15px;
	    margin-top: 5px;
	    right: 10px;
	    border: 1px solid #a8a8a8;
	}
	.sub02 table .agree input[type=checkbox]:checked + label:before {
		background-size: 9px;
	}
	.sub02 table .quesTr th {
		margin: 30px 0 10px;
	}
	.sub02 table .quesLine {
		padding: 10px 11px;
		height: 150px;
		box-sizing: border-box;
	}
	.sub02 table .quesLine textarea {
		font-size: 12px;
		height: 125px;
		padding: 0;
	}
	.sub02 button {
		width: 102px;
  		height: 40px;
		font-size: 15px;
		margin: 30px auto 0;
	}
	/* 20210622 추가 */
	.sub02 table #mailInput {
		display: none!important;
	}
	/* // 20210622 추가 */
}
@media screen and (max-width: 480px){
}