/* 서브 페이지 공통 */
.sub_page {
	padding: 23rem 0 15rem 0;
	@media (max-width: 992px){
		padding: 11rem 0 6rem 0;
	}
}

.sub_top_menu {
	margin-bottom: 3rem;
	.menu {
		display: block;
		color: var(--bh_color_main);
		font-size: 1.8rem;
		font-weight: 500;
		margin-bottom: 0.5rem;
	}
	.title_area {
		display: flex;
		justify-content: space-between;
		align-items: center;
		.title {
			font-size: 3.4rem;
			font-weight: bold;
		}
		.breadcrumb {
			display: flex;
			a {
				display: flex;
				align-items: center;
				font-size: 1.4rem;
				font-weight: 500;
				i {
					display: inline-block;
					color: var(--bh_color_main);
					font-size: 2rem;
					line-height: 1;
				}
				i.arrow {
					margin: 0 0.5rem;
					color: var(--bh_color_gray_300);
				}
			}
		}
	}
	@media (max-width: 992px){
		margin-bottom: 2rem;
		.menu {
			font-size: 1.6rem;
			margin-bottom: 0;
		}
		.title_area {
			.title {
				font-size: 2.4rem;
			}
			.breadcrumb {
				a {
					font-size: 1.3rem;
					i {
						font-size: 1.8rem;
					}
					i.arrow {
						margin: 0;
					}
				}
			}
		}
	}
}

.common_banner {
	margin-bottom: 5rem;
	img {
		border-radius: 20px;
	}
	@media (max-width: 992px){
		margin-bottom: 2rem;
	}
}

/* 폼 공통 */
form {
	display: flex;
	column-gap: 3rem;
	.left_area {
		width: 65%;
		position: relative;
	}
	.right_area {
		width: 35%;
		.container {
			background-color: #f5f9fe;
			box-shadow: none;
			>span {
				display: block;
				font-size: 2.4rem;
				font-weight: bold;
				margin-bottom: 3rem;
			}
			.area {
				align-items: start;
			}
			.costlist {
				display: flex;
				flex-direction: column;
   				row-gap: 1.5rem;
				width: 100%;
				li {
					display: flex;
					justify-content: space-between;
					span {
						font-size: 1.6rem;
						color: var(--bh_color_gray_600);	
					}
				}
			}
			>li {
				display: block;
				&:last-of-type {
					padding-top: 2rem;
					margin-top: 1.4rem;
					border-top: 1px solid var(--bh_color_gray_300);
				}
			}
			.result {
				display: flex;
				justify-content: space-between;
				li {
					display: block;
					span {
						display: inline-block;
					}
					font-size: 1.6rem;
					font-weight: 500;
					color: var(--bh_color_gray_800);
					text-align: right;
					&.cost {
						color: var(--bh_color_gray_600);
						span {
							&.emphasis {
								color: var(--bh_color_main);
								font-weight: bold;
								font-size: 2rem;
							}
							&.small {
								font-size: 1.4rem;
								color: var(--bh_color_gray_600);
							}
						}
					}
				}
			}
			.button_area {
				margin-top: 3rem;
				display: flex;
				flex-direction: column;
				row-gap: 10px;
				li {
					display: flex;
					column-gap: 10px;
					width: 100%;
				}
				button,a {
					cursor: pointer;
					flex-basis: 0;
				}
				button {
					text-align: center;
					padding: 1.3rem;
					display: flex;
					align-items: center;
					justify-content: center;
					border-radius: 10px;
					border: 1px solid var(--bh_color_gray_300);
					background-color: var(--bh_color_white);
					color: var(--bh_color_gray_600);
					width: 50%;
					font-size: 1.6rem;
					font-weight: 600;
					flex-grow: 1;
					min-height: 50px;
				}
				button.order_btn{
					border: 0;
					background-color: var(--bh_color_main);
					width: 100%;
					color: var(--bh_color_white);
				}
				a {
					flex-grow: 1;
					display: block;
					padding: 1.3rem;
					width: 50%;
					border: 1px solid var(--bh_color_main);
					background-color: var(--bh_color_white);
					border-radius: 10px;
					display: flex;
					align-items: center;
					justify-content: center;
					color: var(--bh_color_main);
					font-size: 1.6rem;
					font-weight: 600;
				}
			}
		}
	}
	.checkbox_custom2 {
		display: flex;
		align-items: baseline;
		column-gap: 2rem;
		.custom_check {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 15px;
			height: 15px;
			border-radius: 5px;
			border: 1px solid var(--bh_color_gray_300);
			background-color: var(--bh_color_white);
			flex-shrink: 0;
			box-sizing: border-box;
			i {
				font-size: 1.3rem;
				font-weight: 400;
				line-height: 1;
				color: var(--bh_color_white);
			}
		}
		@media (max-width: 992px){
			column-gap: 0.5rem;
		}
	}
	.delete_choice {
		position: absolute;
		right: 0;
		top: 1rem;
		padding: 0.7rem 1rem 0.6rem 1.1rem;
		color: var(--bh_color_gray_500);
		background-color: var(--bh_color_gray_100);
		border-radius: 5px;
		font-size: 1.4rem;
		font-weight: 500;
		cursor: pointer;
		@media (max-width: 992px){
			top: -1.9rem;
			padding: 0.3rem 0.5rem;
		}
	}
	.container {
		padding: 3rem;
		border-radius: 20px;
		box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.05);
		background-color: var(--bh_color_white);
		margin-bottom: 2rem;
		.download_area {
			display: flex;
			align-items: center;
			justify-content: space-between;
			background-color: var(--bh_color_main_50);
			padding: 0.8rem 1rem 0.8rem 2rem;
			border-radius: 10px;
			span {
				display: block;
				font-size: 1.6rem;
			}
			button {
				border-radius: 5px;
				display: flex;
				column-gap: 2.7rem;
				background-color: var(--bh_color_white);
				color: var(--bh_color_main);
				padding: 0.7rem 1.5rem 0.6rem;
				font-size: 1.4rem;
				border: 1px solid var(--bh_color_gray_300);
				cursor: pointer;
				align-items: center;
				i {
					color: var(--bh_color_main);
					font-size: 1.6rem;
					line-height: 1;
				}
			}
		}
		.basic_checkbox_wrapper {
			display: flex;
			column-gap: 3rem;
			@media (max-width: 992px){
				column-gap: 1rem;
				margin-left: auto;
			}
		}
		.checkbox_custom {
			display: flex;
			align-items: center;
			column-gap: 1rem;
			.custom_check {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 2rem;
				height: 2rem;
				border-radius: 5px;
				border: 1px solid var(--bh_color_gray_300);
				background-color: var(--bh_color_white);
				i {
					color: var(--bh_color_white);
				}
			}
			@media (max-width: 992px){
				column-gap: 0.5rem;
			}
		}
		.checkbox_wrapper {
			display: flex;
			column-gap: 1rem;
			row-gap: 1rem;
			&.mw-105 {
				>label {
					min-width: 10.5rem;
				}
			}
		}
		.coating_area,.ohsi_area,.grounding_area,.foil_area,.epoxy_area {
			display: none !important;
		}
		&:last-child {
			margin-bottom: 0;
		}
		&.sticky {
			position: sticky;
			top: 157px;
		}
		.title {
			display: block;
			font-size: 2rem;
			font-weight: bold;
			margin-bottom: 2rem;
		}
		.area {
			padding-top: 1.4rem;
			margin-top: 1.5rem;
			border-top: 1px solid var(--bh_color_gray_300);
			display: flex;
			flex-direction: column;
			row-gap: 1.5rem;
			&:first-of-type {
				border-top: 0;
			}
		}
		.area:first-of-type {
			border-top: 0;
		}
		li {
			display: flex;
			align-items: center;
			&.align-baseline {
				align-items: baseline;
			}
			p {
				color: #e20000;
				font-size: 1.4rem;
				margin-top: 1.5rem;
			}
			.flex-col {
				display: flex;
				flex-direction: column;
			}
			label {
				min-width: 11.3rem;
				font-size: 1.6rem;
				font-weight: 500;
				color: var(--bh_color_gray_800);
				@media (max-width: 992px){
					min-width: 9.3rem;
				}
			}
			.select_area {
				width: 100%;
				display: flex;
				flex-direction: column;
				row-gap: 1.5rem;
				.wrapper {
					display: flex;
					align-items: center;
					>label {
						width: 11.7rem;
					}
				}
			}
			select {
				padding: 0 2rem;
				min-height: 50px;
				border-radius: 1rem;
				border: solid 1px var(--bh_color_gray_300);
				background-color: var(--bh_color_white);
				font-size: 1.6rem;
				width: 100%;
				appearance: none;
				background: #fff url("/assets/images/icon/arrow-down-s-line.png") no-repeat right 8px center;
				background-size: 2rem 2rem;
				&.disabled {
					background-color: var(--bh_color_gray_100);
				}
				&:focus {
					outline: none;
				}
			}
			.input_area {
				display: flex;
				align-items: center;
				column-gap: 1rem;
				@media (max-width: 992px){
					column-gap: 0.5rem;
				}
				span {
					display: inline-block;
					font-size: 1.6rem;
				}
			}
			input {
				padding: 0 2rem;
				min-height: 50px;
				width: 100%;
				border-radius: 10px;
				border: solid 1px var(--bh_color_gray_300);
				font-size: 1.6rem;
				color: var(--bh_color_gray_900);
				box-sizing: border-box;
				@media (max-width: 992px){
					font-size: 1.5rem;
				}
				&:focus {
					outline: 0;
				}
				&[disabled]{
                    width: 8rem;
					padding: 0;
					text-align: center;
					background-color: var(--bh_color_gray_100);
					@media (max-width: 992px){
						width: 5rem;
					}
				}
				&[type="checkbox"]{
					display: none;
				}
				&::placeholder {
					color: var(--bh_color_gray_400);
				}
				&[type="file"]{
					padding: 0.7rem 1rem;
					background-color: var(--bh_color_gray_50);
					display: none;
				}
			}
			.img_checkbox {
				display: flex;
				flex-direction: column;
				text-align: center;
				@media (max-width: 992px){
					width: 30%;
				}
				&:has(input[checked]){
					img {
						background-color: var(--bh_color_main_100);
						border: 1px solid var(--bh_color_main);
					}
				}
				img {
					border-radius: 10px;
					background-color: var(--bh_color_gray_50);
					transition: .3s;
					margin-bottom: 1rem;
				}
			}
			textarea {
				padding: 1.3rem 2rem;
				width: 100%;
				height: 130px;
				border-radius: 10px;
				border: solid 1px var(--bh_color_gray_300);
				font-size: 1.6rem;
				color: var(--bh_color_gray_900);
				resize: none;
				&::placeholder {
					font-family: 'pretendard';
					color: var(--bh_color_gray_400);
				}
				&:focus {
					outline: 0;
				}
			}
			&.contain_guideline {
				.attach_file_custom {
					width: 100%;
					background-color: var(--bh_color_white);
					.flex {
						padding: 0.7rem 1rem;
						background-color: var(--bh_color_gray_50);
						display: flex;
						column-gap: 1rem;
						border-radius: 10px;
					}
					.attach_label {
						border: 1px solid var(--bh_color_gray_300);
						border-radius: 5px;
						padding: 0.6rem 2.3rem 0.6rem 4.8rem;
						white-space: nowrap;
						background: var(--bh_color_white) url("/assets/images/sub/file_download_icon.png") no-repeat left 2.3rem center;
						cursor: pointer;
						display: flex;
						align-items: center;
						color: var(--bh_color_gray_800);
						font-weight: normal;
						@media (max-width: 992px){
							width: 12rem;
						}
					}
					.file_delete {
						position: absolute;
						top: 50%;
						transform: translateY(-50%);
						right: 2%;
						cursor: pointer;
						display: none;
						i {
							font-size: 2rem;
							color: var(--bh_color_gray_400);
							line-height: 1;
						}
						@media (max-width: 1200px) {
							top: unset;
							bottom: 5%;
							right: 5%
						}
					}
					textarea {
						width: 100%;
						border-radius: 0;
						border: 0;
						background-color: transparent;
						height: 36px;
						padding: 0;
						&::placeholder {
							line-height: 36px;
							text-align: left;
							font-size: 1.6rem;
							font-weight: 700;
							color: var(--bh_color_gray_400);
						}
					}
					@media (max-width: 1200px){
						.flex {
							flex-direction: column;
						}
						label {
							width: 8rem;
						}
						textarea {
							height: 44px;
							margin: 0.5rem;
							&::placeholder {
								line-height: 1.5;
							}
						}
					}
				}
			}
		}
		&.order {
			li {
				margin-bottom: 1.5rem;
				&:last-child {
					margin-bottom: 0;
				}
			}
		}
	}
	@media (max-width: 992px){
		flex-direction: column;
		.container {
			padding: 2rem 1.5rem;
		}
		.left_area {
			width: 100%;
		}
		.right_area {
			width: 100%;
			margin-top: 2rem;
			.container {
				&.sticky {
					position: static;
				}
			}
		}
	}
}

/* 탭 공통 */
.tab_section {
	margin-top: 8rem;
	.tablist {
		border-bottom: 1px solid var(--bh_color_gray_300);
		margin-bottom: 8rem;
		position: sticky;
        top: 157px;
        background-color: white;
		@media (max-width: 992px){
			top: 45px;
		}
		.tabitem_wrapper {
			display: flex;
			>a {
				width: 25%;
				padding: 1.7rem 0 1.6rem 0;
				font-size: 1.8rem;
				font-weight: 500;
				color: var(--bh_color_gray_500);
				text-align: center;
				transition: .3s;
				@media (max-width: 992px){
					font-size: 1.3rem;
				}
			}
			>a.active {
				border-bottom: 2px solid var(--bh_color_main);
				li {
					color: var(--bh_color_main);
					font-weight: bold;
				}
			}
		}
	}
	.content {
		scroll-margin-top: 217px;
		img {
			background-color: var(--bh_color_gray_300);
			display: block;
    		margin: 0 auto;
		}
		font-size: 1.6rem;
	}
}

/* 친환경인쇄 - 소개 */
.introduction {
	#soy {
		scroll-margin-top: 157px;
		@media (max-width: 992px){
			scroll-margin-top: 45px;
		}
	}
	.banner {
		padding: 9.3rem 2rem 9.2rem;
		background-image: url("/assets/images/sub/introduction1.png");
		background-repeat: no-repeat;
		background-size: cover;
		border-radius: 2rem;
		margin-bottom: 5rem;
		span {
			display: block;
			text-align: center;
			font-size: 3.4rem;
			font-weight: bold;
			color: var(--bh_color_white);
			margin-bottom: 1rem;
		}
		p {
			font-size: 1.8rem;
			text-align: center;
			color: var(--bh_color_white);
		}
	}
	.container {
		display: flex;
		column-gap: 5rem;
		align-items: center;
		margin-bottom: 5rem;
		row-gap: 2rem;
		&.reverse {
			flex-direction: row-reverse;
		}
		>img {
			border-radius: 2rem;
		}
		.textarea {
			span {
				display: block;
				font-size: 2.4rem;
				font-weight: bold;
				margin-bottom: 2rem;
			}
			p {
				font-size: 1.8rem;
				color: var(--bh_color_gray_800);
			}
		}
	}
	.wrapper {
		margin-bottom: 10rem;
		.img_container {
			display: flex;
			column-gap: 3rem;
			row-gap: 2rem;
			margin-bottom: 3rem;
			img {
				border-radius: 2rem;
				&.border_300 {
					border: 1px solid var(--bh_color_gray_300);
				}
			}
		}
		span {
			display: block;
			font-size: 2.4rem;
			font-weight: bold;
			margin-bottom: 2rem;
		}
		p {
			font-size: 1.8rem;
			color: var(--bh_color_gray_800);
		}
	}
	.link_banner {
		padding: 5.6rem 8rem 5.5rem;
		background-image: url("/assets/images/sub/introduction6.png");
		background-repeat: no-repeat;
		background-size: cover;
		border-radius: 2rem;
		margin-bottom: 8rem;
		span {
			display: block;
			font-size: 3.4rem;
			font-weight: bold;
			color: var(--bh_color_white);
			margin-bottom: 1rem;
		}
		>p {
			font-size: 1.8rem;
			color: var(--bh_color_white);
			margin-bottom: 3rem;
		}
		a {
			display: block;
			width: fit-content;
			padding: 1.5rem 2rem;
			position: relative;
			font-size: 1.8rem;
			font-weight: 600;
			color: var(--bh_color_white);
			border-radius: 1rem;
			transition: .3s;
			&::before {
				content: "";
				width: 100%;
				height: 100%;
				display: inline-block;
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				background-color: var(--bh_color_white);
				box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
				opacity: 0.2;
				border-radius: 1rem;
			}
			&:hover {
				background-color: var(--bh_color_main);
				&::before {
					display: none;
				}
			}
		}
	}
	.portfolioSwiper{
		overflow: visible;
		.swiper-wrapper{
			transition-timing-function: linear;
		}
		.swiper-slide {
			width: fit-content;
			height: fit-content;
			img {
				border-radius: 2rem;
			}
		}
	}
	@media (max-width: 992px){
		.banner {
			padding: 3rem 2rem;
			margin-bottom: 2rem;
			span {
				font-size: 2rem;
				margin-bottom: 0.5rem;
			}
			p {
				font-size: 1.6rem;
			}
		}
		.container {
			flex-direction: column;
			align-items: start;
			&.reverse {
				flex-direction: column;
			}
		}
		.wrapper {
			margin-bottom: 5rem;
			.img_container {
				flex-direction: column;
			}
			span {
				font-size: 2rem;
				margin-bottom: 2rem;
			}
			p {
				font-size: 1.6rem;
			}
		}
		.link_banner {
			padding: 3rem 2rem;
			margin-bottom: 3rem;
			span {
				font-size: 2rem;
				margin-bottom: 0.5rem;
			}
			>p {
				font-size: 1.6rem;
				margin-bottom: 1.5rem;
			}
			a {
				padding: 1.5rem 2rem;
				font-size: 1.6rem;
			}
		}
		.portfolioSwiper{
			overflow: hidden;
		}
	}
}

/* 서류봉투, 홀더 */
.eco_catalog,.eco_envelope,.eco_holder,.offset_catalog,.digital_catalog,.envelope,.holder {
	.radio,.radio1,.radio2,.radio3 {
		display: none;
	}
}

/* 표 형태 폼 */
.table_type_form {
	.left_area {
		.common_table {
			border-collapse: collapse;
			th,td {
				padding: 15px 0;
			}
			th {
				font-size: 1.6rem;
				font-weight: 500;
				color: var(--bh_color_gray_800);
				text-align: left;
				border-bottom: 1px solid var(--bh_color_gray_500);
				&:first-child {
					position: relative;
					.all {
						position: absolute;
						top: 50%;
						transform: translateY(-50%);
						left: 0;
					}
				}
				&:last-child {
					padding-left: 6rem;
					@media (max-width: 992px){
						padding-left: 2.5rem;
					}
				}
			}
			tr {
				position: relative;
			}
			td {
				padding: 2rem 0 1.9rem 0;
				font-size: 1.8rem;
				font-weight: 600;
				border-bottom: 1px solid var(--bh_color_gray_300);
				&:nth-child(2){
					position: relative;
					&:before {
						content: "";
						display: inline-block;
						width: 1px;
						height: 90%;
						background-color: var(--bh_color_gray_300);
						position: absolute;
						top: 50%;
						transform: translateY(-50%);
						left: 0;
					}
					&:after {
						content: "";
						display: inline-block;
						width: 1px;
						height: 90%;
						background-color: var(--bh_color_gray_300);
						position: absolute;
						top: 50%;
						transform: translateY(-50%);
						right: 0;
					}
				}
				&:first-child {
					border-left: 0;
					padding: 2rem 3rem 1.9rem 0;
					@media (max-width: 992px){
						padding: 2rem 1rem 1.9rem 0;
					}
				}
				.textarea {
					span {
						display: block;
						margin-bottom: 1rem;
						font-size: 1.8rem;
						font-weight: bold;
					}
					p {
						font-size: 1.6rem;
						color: var(--bh_color_gray_800);
						font-weight: normal;
					}
					@media (max-width: 992px){
						span {
							font-size: 1.6rem;
						}
						p {
							font-size: 1.5rem;
						}
					}
				}
				&:last-child {
					padding-left: 4.3rem;
					@media (max-width: 992px){
						padding-left: 1rem;
					}
				}
				button {
					font-size: 2.4rem;
					line-height: 1;
					position: absolute;
					top: 1rem;
					right: 0;
					color: var(--bh_color_gray_500);
				}
			}
			@media (max-width: 992px){
				th {
					font-size: 1.6rem;
				}
				td {
					font-size: 1.6rem;
				}
			}
		}
	}
	.right_area {
		.container {
			background-color: var(--bh_color_white);
			box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.05);
		}
	}
}

/* 표 형태 폼 공통 */
.common_table_type_form {
	.left_area {
		.area_wrapper {
			margin-bottom: 5rem;
			.inputlist {
				display: flex;
				flex-direction: column;
				row-gap: 2rem;
				li {
					display: flex;
					align-items: center;
					label {
						display: block;
						min-width: 13.9rem;
						font-size: 1.6rem;
						font-weight: 500;
						.required_text {
							color: #e82727;
						}
						@media(max-width: 992px){
							min-width: 8.9rem;
						}
					}
					input[type="text"] {
						padding: 1.3rem 2rem;
						width: 100%;
						border-radius: 10px;
						border: solid 1px var(--bh_color_gray_300);
						font-size: 1.6rem;
						color: var(--bh_color_gray_900);
					}
					.address_search_btn {
						font-size: 1.6rem;
						font-weight: 500;
						color: var(--bh_color_main);
						background-color: #ecf2fd;
						padding: 1.3rem 3.1rem;
						border-radius: 10px;
						flex-shrink: 0;
					}
					.flex_wrapper {
						display: flex;
						column-gap: 1rem;
						width: 100%;
					}
					.address_area {
						display: flex;
						flex-direction: column;
						row-gap: 1rem;
						width: 100%;
						>input {
							width: auto;
						}
					}
					.radios {
						display: flex;
						column-gap: 2rem;
					}
					.radio_wrapper {
						display: flex;
						column-gap: 0.5rem;
						min-width: 7.6rem;
						input {
							margin: 0;
						}
					}
					.select_area {
						width: 100%;
						display: flex;
						flex-direction: column;
						row-gap: 1.5rem;
						.wrapper {
							display: flex;
							align-items: center;
							>label {
								width: 11.7rem;
							}
						}
					}
					select {
						padding: 0 2rem;
						min-height: 50px;
						border-radius: 1rem;
						border: solid 1px var(--bh_color_gray_300);
						background-color: var(--bh_color_white);
						font-size: 1.6rem;
						width: 100%;
						appearance: none;
						background: #fff url("/assets/images/icon/arrow-down-s-line.png") no-repeat right 8px center;
						background-size: 2rem 2rem;
						&.disabled {
							background-color: var(--bh_color_gray_100);
						}
						&:focus {
							outline: none;
						}
					}
				}
			}
		}
		.sub_title {
			font-size: 2.4rem;
			font-weight: bold;
			padding-bottom: 1.9rem;
			&.sub_title_line {
				border-bottom: 1px solid var(--bh_color_gray_300);
				margin-bottom: 2rem;
			}
		}
		.common_table {
			th,td {
				&:last-child {
					padding-left: 0;
				}
			}
			th {
				border-top: 1px solid var(--bh_color_gray_500);
				background-color: var(--bh_color_gray_50);
			}
		}
	}
}


/* 마이페이지 - 주문 상세 */
.mypage_content .common_table_type_form {
	margin-top: 3rem;
	.sub_title {
		margin-bottom: 0;
		font-size: 2rem;
	}
	.form-group .input-wrapper span {
		line-height: 1.5;
	}
}

/* 개인정보처리방침, 이용약관 */
.policy,.terms {
	p {
		font-size: 16px;
	}
}

/* 마이페이지 - 1:1 문의  */
.inquiry_form {
	.form_group {
		margin-bottom: 20px;
		@media (max-width: 992px){
			margin-bottom: 15px;
		}

		label {
			display: block;
			margin-bottom: 15px;
			font-size: 1.6rem;
			font-weight: 500;
			color: var(--bh_color_gray_900);

			span {
				color: #e82727;
			}
		}

		input,
		textarea {
			width: 100%;
			border: 1px solid var(--bh_color_gray_300);
			border-radius: 10px;
			font-size: 16px;
			outline: none;
			font-family: 'Pretendard';
			box-sizing: border-box;
			@media (max-width: 992px){
			    width: calc(100% - 20px);
			}
		}

		input {
			height: 50px;
			padding: 0 15px;
			@media (max-width: 992px){
			    height: 38px;
			}
		}

		textarea {
			padding: 15px;
			height: 220px;
			resize: none;
			@media (max-width: 992px){
			    height: 180px;
			}
		}
	}

	.file_upload {
		display: flex;
		align-items: center;
		gap: 0.5rem;
		padding: 0.7rem 1rem;
		border-radius: 10px;
		background: var(--bh_color_gray_50);
		margin-bottom: 5rem;
		position: relative;
		@media (max-width: 992px){
			flex-direction: column;
			align-items: start;
			margin-bottom: 3rem;
		}

		.upload_btn {
			display: inline-flex;
			align-items: center;
			gap: 5px;
			padding: 2px 23px;
			border: 1px solid var(--bh_color_gray_300);
			border-radius: 5px;
			background: #fff;
			font-size: 1.6rem;
			font-weight: 500;
			color: var(--bh_color_gray_800);
			cursor: pointer;
			white-space: nowrap;
			transition: all .2s ease;

			&:hover {
				background: #f0f0f0;
			}

			i {
				font-size: 18px;
			}
			@media (max-width: 992px){
				padding: 0 15px;
			}
		}

		.file_text {
			font-size: 1.6rem;
			font-weight: 700;
			color: var(--bh_color_gray_400);
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.file_delete {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			right: 2%;
			cursor: pointer;
			display: none;
			i {
				font-size: 2rem;
				color: var(--bh_color_gray_400);
				line-height: 1;
			}
			@media (max-width: 1200px) {
				top: unset;
				bottom: 5%;
				right: 5%
			}
		}
	}

	.submit_btn {
		display: block;
		width: 168.5px;
		height: 50px;
		margin: 0 auto;
		border: 0;
		border-radius: 10px;
		background: #135de1;
		color: var(--bh_color_white);
		font-size: 1.6rem;
		font-weight: 600;
		cursor: pointer;
		@media (max-width: 992px){
			width: 140px;
			height: 40px;
		}
	}
}