/* 탭 영역 */
.tabArea {
	border-top: 1px solid #bebebe;
	border-left: 1px solid #bebebe;
	margin-bottom: 28px;
	display: flex;
	flex-wrap: wrap;
}
.tabArea .tab {
	border-right: 1px solid #bebebe;
	border-bottom: 1px solid #bebebe;
	text-align: center;
	flex-basis: 50%;
}
.tabArea .tab.selected {
	border: 1px solid #000000;
}
.tabArea .tab a {
	display: flex;
	width: 100%;
	height: 48px;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	font-size: 16px;
	font-weight: 700;
	color: #000000;
}
.tabArea .tab.selected a {
}
.tabArea .tab a:hover {
	background-color: #f8f8f8;
}
@keyframes selectTab {
	0% {
		border-top-width: 0;
		border-bottom-width: 0;
	}
	100% {
		border-top-width: 5px;
		border-bottom-width: 5px;
	}
}

@media (min-width: 992px) {
	.tabArea {
		border-top: 1px solid #bebebe;
		border-left: 1px solid #bebebe;
		margin-bottom: 28px;
		display: flex;
		flex-wrap: nowrap;
	}
	.tabArea .tab {
		border-right: 1px solid #bebebe;
		border-bottom: 1px solid #bebebe;
		text-align: center;
		flex-basis: auto;
		flex-grow: 1;
	}
	.tabArea .tab a {
		display: flex;
		width: 100%;
		height: 48px;
		justify-content: center;
		align-items: center;
		text-decoration: none;
		font-size: 18px;
		font-weight: 700;
		color: #000000;
	}
	.tabArea .tab.selected {
		border: 0;
		border-right: 1px solid #bebebe;
		border-bottom: 1px solid #bebebe;
	}
	.tabArea .tab.selected a {
		border-top: 5px solid #ffffff;
		border-bottom: 5px solid #ffc341;
	}
	.tabArea .tab a:hover {
		animation-name: selctTab;
		animation-duration: 2s;
		animation-iteration-count: 1;
		animation-timing-function: ease;
		border-top-style: solid;
		border-top-color: #ffffff;
		border-bottom-style: solid;
		border-bottom-color: #999999;
	}
}

@media (min-width: 1400px) {
	.tabArea {
		border-top: 1px solid #bebebe;
		border-left: 1px solid #bebebe;
		margin-bottom: 28px;
		display: flex;
		flex-wrap: nowrap;
	}
	.tabArea .tab {
		border-right: 1px solid #bebebe;
		border-bottom: 1px solid #bebebe;
		text-align: center;
		flex-basis: auto;
		flex-grow: 1;
	}
	.tabArea .tab a {
		display: flex;
		width: 100%;
		height: 48px;
		justify-content: center;
		align-items: center;
		text-decoration: none;
		font-size: 18px;
		font-weight: 700;
		color: #000000;
	}
	.tabArea .tab.selected {
		border: 0;
		border-right: 1px solid #bebebe;
		border-bottom: 1px solid #bebebe;
	}
	.tabArea .tab.selected a {
		border-top: 5px solid #ffffff;
		border-bottom: 5px solid #ffc341;
	}
	.tabArea .tab a:hover {
		animation-name: selctTab;
		animation-duration: 2s;
		animation-iteration-count: 1;
		animation-timing-function: ease;
		border-top-style: solid;
		border-top-color: #ffffff;
		border-bottom-style: solid;
		border-bottom-color: #999999;
	}
}


/* 폼 */
.rv_title {
	font-size: 24px;
	font-weight: 700;
}
.rv_title_text {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 30px;
}
.writetable {
	border-top: 1px solid #818382;
	border-bottom: 1px solid #818382;
	margin-bottom: 45px;
}
.writebox {
	width: 100%;
	height: 100%;
	display: flex;
	border-bottom: 1px solid #e4e4e4;
	align-items: stretch;
}
.writebox .writesubject {
	flex: 0 0 90px;
	align-self: stretch;
	background-color: #f4f5f9;
	padding: 10px 5px 10px 5px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.writebox .writeinput {
	padding: 5px 10px 5px 10px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.rv_warning_area {
	border: 1px solid #dedede;
	background-color: #f3f3f3;
	padding: 25px 30px;
	display: block;
	margin-bottom: 40px;
}
.rv_warning_icon {
	display: inline-block;
	width: 60px;
	height: 60px;
	margin: 10px 20px 10px 0;
}
.rv_warning_icon i {
	display: inline-block;
	color: #ffc341;
	font-size: 56px;
}
.rv_warning_title {
	font-size: 18px;
	font-weight: 700;
}
.rv_agree_area {
	border: 1px solid #e4e4e4;
	padding: 15px 20px;
}
.rv_agree_title {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 25px;
}
.rv_agree_title span {
	color: #ff0000;
}
.rv_agree_text {
	line-height: 160%;
}
.rv_agree_wrap {
	font-size: 13px;
	font-weight: 700;
	padding: 5px;
}
.rv_agree_wrap label {
	display: flex;
	align-items: center;
	font-size: 14px;
	font-weight: normal;
}
.agree_btn_area {
	margin: 60px 0;
	text-align: center;
}
.agree_btn_area .cancelBtn {
	width: 160px;
	height: 50px;
	border: 0;
	font-size: 20px;
	background-color: #000000;
	color: #ffffff;
}
.agree_btn_area .submitBtn {
	width: 160px;
	height: 50px;
	border: 0;
	font-size: 20px;
	background-color: #ffc341;
	color: #000000;
}

@media (min-width: 992px) {
	.rv_title {
		font-size: 24px;
		font-weight: 700;
	}
	.rv_title_text {
		font-size: 16px;
		font-weight: 700;
		margin-bottom: 30px;
	}
	.writetable {
		border-top: 1px solid #818382;
		border-bottom: 1px solid #818382;
		margin-bottom: 45px;
	}
	.writebox {
		width: 100%;
		height: 100%;
		display: flex;
		border-bottom: 1px solid #e4e4e4;
		align-items: stretch;
	}
	.writebox .writesubject {
		flex: 0 0 140px;
		align-self: stretch;
		background-color: #f4f5f9;
		padding: 15px 10px 15px 15px;
		font-size: 16px;
		font-weight: bold;
		text-align: left;
	}
	.writebox .writeinput {
		padding: 5px 10px 5px 20px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

	.rv_warning_area {
		border: 1px solid #dedede;
		background-color: #f3f3f3;
		padding: 25px 30px;
		display: flex;
		margin-bottom: 40px;
	}
	.rv_warning_icon {
		display: inline-block;
		width: 60px;
		height: 60px;
		margin: 0 20px 0 0;
	}
	.rv_warning_icon i {
		display: inline-block;
		color: #ffc341;
		font-size: 56px;
	}
	.rv_warning_title {
		font-size: 18px;
		font-weight: 700;
	}
	.rv_agree_area {
		border: 1px solid #e4e4e4;
		padding: 15px 20px;
	}
	.rv_agree_title {
		font-size: 18px;
		font-weight: 700;
		margin-bottom: 25px;
	}
	.rv_agree_title span {
		color: #ff0000;
	}
	.rv_agree_text {
		line-height: 160%;
	}
	.rv_agree_wrap {
		font-size: 16px;
		font-weight: 700;
		padding: 5px;
	}
	.rv_agree_wrap label {
		display: flex;
		align-items: center;
		font-size: 14px;
		font-weight: normal;
	}
	.agree_btn_area {
		margin: 60px 0;
		text-align: center;
	}
	.agree_btn_area .cancelBtn {
		width: 160px;
		height: 50px;
		border: 0;
		font-size: 20px;
		background-color: #000000;
		color: #ffffff;
	}
	.agree_btn_area .submitBtn {
		width: 160px;
		height: 50px;
		border: 0;
		font-size: 20px;
		background-color: #ffc341;
		color: #000000;
	}
}

@media (min-width: 1400px) {
	.rv_title {
		font-size: 24px;
		font-weight: 700;
	}
	.rv_title_text {
		font-size: 16px;
		font-weight: 700;
		margin-bottom: 30px;
	}
	.writetable {
		border-top: 1px solid #818382;
		border-bottom: 1px solid #818382;
		margin-bottom: 45px;
	}
	.formline {
		border-bottom: 1px solid #e4e4e4;
		display: flex;
		align-items: center;
	}
	.formline .linesubject {
		flex: 0 0 170px;
		align-self: stretch;
		background-color: #f4f5f9;
		padding: 15px 10px 15px 30px;
		font-size: 16px;
		font-weight: bold;
		display: flex;
		align-items: center;
	}
	.formline .lineinput {
		padding: 5px 10px 5px 20px;
		width: 100%;
		flex: 1 1 auto;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.writebox {
		width: 100%;
		border-bottom: 1px solid #e4e4e4;
		display: flex;
		align-items: center;
	}
	.writebox .writesubject {
		flex: 0 0 170px;
		align-self: stretch;
		background-color: #f4f5f9;
		padding: 15px 10px 15px 30px;
		font-size: 16px;
		font-weight: bold;
		display: flex;
		text-align: left;
	}
	.writebox .writeinput {
		padding: 5px 10px 5px 20px;
		width: 100%;
		flex: 1 1 auto;
		display: flex;
		flex-wrap: wrap;
	}

	.rv_warning_area {
		border: 1px solid #dedede;
		background-color: #f3f3f3;
		padding: 25px 30px;
		display: flex;
		margin-bottom: 40px;
	}
	.rv_warning_icon {
		display: inline-block;
		width: 60px;
		height: 60px;
		margin: 0 20px 0 0;
	}
	.rv_warning_icon i {
		display: inline-block;
		color: #ffc341;
		font-size: 56px;
	}
	.rv_warning_title {
		font-size: 18px;
		font-weight: 700;
	}
	.rv_agree_area {
		border: 1px solid #e4e4e4;
		padding: 15px 20px;
	}
	.rv_agree_title {
		font-size: 18px;
		font-weight: 700;
		margin-bottom: 25px;
	}
	.rv_agree_title span {
		color: #ff0000;
	}
	.rv_agree_text {
		line-height: 160%;
	}
	.rv_agree_wrap {
		font-size: 16px;
		font-weight: 700;
		padding: 5px;
	}
	.rv_agree_wrap label {
		display: flex;
		align-items: center;
		font-size: 14px;
		font-weight: normal;
	}
	.agree_btn_area {
		margin: 60px 0;
		text-align: center;
	}
	.agree_btn_area .cancelBtn {
		width: 160px;
		height: 50px;
		border: 0;
		font-size: 20px;
		background-color: #000000;
		color: #ffffff;
	}
	.agree_btn_area .submitBtn {
		width: 160px;
		height: 50px;
		border: 0;
		font-size: 20px;
		background-color: #ffc341;
		color: #000000;
	}
}