._contents{
	padding-top: 137px; padding-bottom: 110px; letter-spacing: -0.05em;
	--borderRadius:9px;
}
._contents .wrap{
	display: flex; justify-content: space-between;
}
._contents .left{
	max-width: 520px;
}
._contents .left h3{
	font-size: 48px; font-weight: 700; line-height: calc(69/48);
}
._contents .left a{
	font-size: 17px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #000;
	box-sizing: border-box;
	padding: calc(14/17*1em) calc(24/17*1em);
	gap: 0.5em;
	border-radius: var(--borderRadius);
	margin-top: 30px; margin-bottom: 90px;
	transition: background-color 0.2s,color 0.2s, border-color 0.2s;
}
html.pc ._contents .left a:hover{background-color: #444; color: #fff; border-color: transparent;}
._contents .left a i{}
._contents .left a p{}
._contents .left .info{
	font-size: 17px; line-height: 1.6;
	display: flex; flex-direction: column; gap: 20px;
}
._contents .left .info .row{display: flex; align-items: flex-start;}
._contents .left .info .row b{
	font-weight: 700; min-width: 200px;
}
._contents .left .info .row p{}

._contents .right{}
._contents form{
	max-width: 720px; padding-top: 150px; width: 100%;
}
._contents form .row{margin-bottom: 40px;}
._contents form .row.flexBx{
	display: flex; gap: 23px;
}
._contents form .row.flexBx .box{flex: 1;}
._contents form .row .box{}
._contents form .row .box label{}
._contents form h5{
	font-size: 20px; font-weight: 700; color: #010101; margin-bottom: 1em; position: relative;
}
._contents form .star{color: #ff0000;}

._contents form input{
	border: 0; margin: 0; padding: 0; background-color: transparent;
	background-color: #eeeeee; font-size: 17px;
	height: 50px; padding: 0 14px; box-sizing: border-box;
	border-radius: var(--borderRadius); width: 100%;
}
._contents form input::placeholder{color: #aaaaaa;}
._contents form .textArea{
	background-color: #eeeeee; border-radius: var(--borderRadius);
	padding: 14px; padding-right: 7px; height: 260px;
	box-sizing: border-box;
}
._contents form textarea{
	background-color: transparent; resize: none;
	width: 100%; height: 100%; box-sizing: border-box;
	padding-right: 7px; font-size: 17px; font-family: 'Pretendard';
	line-height: 1.4; border: 0;
}
._contents form textarea::placeholder{color: #aaaaaa;}
._contents form textarea::-webkit-scrollbar {width: 8px;}
._contents form textarea::-webkit-scrollbar-thumb {background-color: #2f3542; border-radius: 10px;}

/* 파일 첨부 */
._contents form h5{
	display: flex; align-items: flex-end; gap: 4px;
}
._contents form h5 small{
	font-size: calc(17/20*1em); color: #aaaaaa; font-weight: 400;
}
._contents form .fileArea{
	display: flex; flex-direction: column; gap: 20px;
}
._contents form .file{
	gap: 20px; display: none;
}
._contents form .file.show{display: flex;}
._contents form .file .name{
	width: 100%; border-radius: var(--borderRadius); border: 1px solid #000; box-sizing: border-box;
	display: flex; align-items: center; justify-content: space-between; padding-left: 14px;
	height: 48px; color: #aaaaaa; overflow: hidden;
}
._contents form .file .name.on{color: #000;}
._contents form .file .name p{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
._contents form .file .name i{
	min-width: 48px; height: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer;
	transition: color 0.2s; color: #000;
}
html.pc ._contents form .file .name i:hover{color: var(--red);}
._contents form .file label{
	height: 48px; border: 1px solid #000; border-radius: var(--borderRadius); box-sizing: border-box;
	font-size: 17px; font-weight: 600; display: flex; align-items: center; justify-content: center;
	white-space: nowrap; min-width: 150px; gap: 10px; cursor: pointer;
	transition: background-color 0.2s,color 0.2s, border-color 0.2s;
}
html.pc ._contents form .file label:hover{background-color: #444; color: #fff; border-color: transparent;}
._contents form .file label input{display: none;}
._contents form .file label p{}
._contents form .file label i{}

._contents .privacy{
	font-size: 17px; display: flex; gap: 5px; align-items: flex-end;
}
._contents .privacy label{
	display: flex; gap: 5px;
}
._contents .privacy label input{display: none;}
._contents .privacy label .ico{
	width: 1.3em; height: 1.3em; display: flex; align-items: center; justify-content: center;
	border: 1px solid #000; color: #000; transition: color 0.2s,border-color 0.2s,background-color 0.2s;
	font-size: 12px; border-radius: 4px; cursor: pointer;
}
._contents .privacy label input:checked + .ico{
	background-color: var(--red); border-color: transparent; color: #fff;
}
._contents .privacy label .ico i{}
._contents .privacy label p{color: #727272; font-weight: 500; padding-top: 1px; cursor: pointer;}
._contents ._privacy_popup_open{
	color: #727272; font-size: 12px; cursor: pointer;
	text-decoration: underline; text-underline-offset: 2px; text-decoration-color:#72727289;
}

._contents .submit{
	height: 54px; border-radius: var(--borderRadius); background-color: var(--red); color: #fff;
	font-size: 17px; font-weight: 700; border: 0; padding: 0; margin: 0; display: flex;
	align-items: center; justify-content: center;
	width: 100%; cursor: pointer; transition: background-color 0.2s;
}
html.pc ._contents .submit:hover{background-color: #444;}
._contents .submit p{}




@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {
	._contents .wrap{flex-direction: column; gap: 100px; max-width: 800px;}
	._contents form{padding-top: 0;}
	._contents .left{max-width: unset;}
	._contents form{max-width: unset;}
}
@media screen and (max-width:1280px) {
	._contents .left h3{font-size: max(calc(48/1280*100vw),22px);}
}
@media screen and (max-width:1024px) {
	._contents .left a{margin-top: 30px; margin-bottom: 30px;}
	._contents .left .info .row b{min-width: 100px;}
}
@media screen and (max-width:820px) {
	._contents{--borderRadius:6px;}


	._contents form .row{margin-bottom: 30px;}
	._contents form .row.flexBx{gap: 10px;}
	._contents form .file{gap: 10px;}

	._contents form .row{font-size: 16px;}
	._contents form h5{font-size: 18px;}
	._contents form input{font-size: 16px;}
	._contents form textarea{font-size: 16px;}
	._contents form .file label{font-size: 14px; min-width: 130px;}
}
@media screen and (max-width:500px) {
	._contents .left a{font-size: 14px;}
	._contents .left .info{font-size: 14px;}
	._contents .left .info .row b{min-width: 80px; font-weight: 600;}
	._contents .left .info .row p{max-width: 280px;}
	._contents .left .info .row p br{display: none;}


	._contents form .row.flexBx{flex-direction: column; gap: 22px;}
	._contents form .row{margin-bottom: 22px;}

	._contents form input{height: 42px; padding: 0 10px;}
	._contents form .textArea{padding: 10px; padding-right: 5px;}
	._contents form textarea{padding-right: 5px;}
	._contents form .fileArea{gap: 12px;}
	._contents form .file{gap: 5px;}
	._contents form .file .name{padding-left: 10px; height: 42px;}
	._contents form .file .name i{min-width: 42px;}
	._contents form .file label{height: 42px;}

	._contents .privacy{padding-top: 10px;}

	._contents form .row{font-size: 12px;}
	._contents form h5{font-size: 16px;}
	._contents form input{font-size: 12px;}
	._contents form textarea{font-size: 12px;}
	._contents form .file label{font-size: 12px; min-width: 100px; gap: 4px;}
	._contents .privacy label .ico{font-size: 10px;}

	._contents ._privacy_popup_open{margin-bottom: 1px;}
}
@media screen and (max-width:320px) {}



/* 개인정보 팝업 */
._privacy_popup{
	position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999999;
	letter-spacing: -0.05em;
	padding: 40px 0;  overflow: auto; box-sizing: border-box;
	transition: opacity 0.5s; opacity: 0; pointer-events: none;
}
._privacy_popup.on{
	opacity: 1; pointer-events: auto;
}
._privacy_popup .grayBg{
	background-color: rgba(0,0,0,0.75);
	position: absolute; width: 100%; height: 100%; min-height: calc(100% + 80px); cursor: pointer;
}
._privacy_popup .cont{
	display: flex; align-items: center; justify-content: center; min-height: 100%; position: relative;
}
._privacy_popup .cont .box{
	width: 95vw; position: relative;
	max-width: 548px; border-radius: 24px;
	background-color: #fff; padding: 40px; box-sizing: border-box;
}
._privacy_popup .cont .box .top{
	font-size: 24px; font-weight: 700; line-height: 1.3;
	display: flex; align-items: center; justify-content: space-between;
	margin-bottom: calc(34/24*1em); padding-bottom: calc(34/24*1em);
	border-bottom: 1px solid #d1d1d1; box-sizing: border-box;
}
._privacy_popup .cont .box .top strong{}
._privacy_popup .cont .box .top i{font-weight: 300; cursor: pointer; font-size: calc(32/24*1em);}
html.pc ._privacy_popup .cont .box .top i:hover{color: var(--red);}
._privacy_popup .cont .box .mid{
	line-height: calc(32/16); color: #3b3b3b;
	box-sizing: border-box; font-size: 14px; text-align: left;

}
._privacy_popup .cont .box .btn{
	height: 48px; border-radius: 4px; color: #fff;
	transition: background-color 0.2s; background-color: var(--red);
	display: flex; align-items: center; justify-content: center;
	font-weight: 700; margin-top: 24px; cursor: pointer;
}
html.pc ._privacy_popup .cont .box .btn:hover{background-color: #444;}
._privacy_popup .cont .box .btn p{}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {}
@media screen and (max-width:820px) {}
@media screen and (max-width:500px) {
	._privacy_popup .cont .box{padding: 30px 20px; border-radius: 10px;}
	._privacy_popup .cont .box .top{font-size: 18px;}
	._privacy_popup .cont .box .mid{font-size: 12px;}
	._privacy_popup .cont .box .btn{height: 40px;}
}
@media screen and (max-width:320px) {}





/* 신청 완료 팝업 */
._complete_popup{
	position: fixed; z-index: 9999999;
	left: 0; top: 0; width: 100%; height: 100%;
	padding: 40px 0; overflow: auto; box-sizing: border-box;
	transition: opacity 0.5s; opacity: 0; pointer-events: none;
}
._complete_popup.on{
	opacity: 1; pointer-events: auto;
}
._complete_popup .grayBg{
	background-color: rgba(0,0,0,0.75);
	position: absolute; width: 100%; height: 100%; min-height: calc(100% + 80px); cursor: pointer;
}
._complete_popup .cont{
	min-height: 100%; display: flex; align-items: center; justify-content: center; position: relative;
}
._complete_popup .cont .box{
	width: 95%; max-width: 840px; background-color: #fff; position: relative;
	border-radius: 9px;
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	text-align: center; gap: 50px;
	padding: 120px 0; box-sizing: border-box;
}
._complete_popup .cont .box p{font-size: 40px; font-weight: 700; line-height: calc(58/40);}
._complete_popup .cont .box button{
	display: flex; width: calc(144/17*1em); height: calc(48/17*1em); color: #fff;
	border-radius: 100px; font-size: 17px; align-items: center; justify-content: center;
	background-color: var(--red); transition: background-color 0.2s;
	border: 0; padding: 0; margin: 0; cursor: pointer;
}
html.pc ._complete_popup .cont .box button:hover{background-color: #444;}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {}
@media screen and (max-width:820px) {
	._complete_popup .cont .box{padding: 80px 0; gap: 30px;}
	._complete_popup .cont .box p{font-size: 28px;}
}
@media screen and (max-width:500px) {
	._complete_popup .cont .box p{font-size: max(calc(28/500*100vw),18px);}
	._complete_popup .cont .box button{font-size: max(calc(17/500*100vw),12px);}
}
@media screen and (max-width:320px) {}