@charset "UTF-8"; /* 메인페이지 */

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'OAGothic-ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/OAGothic-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}


.footer{width:100%; height: 110px; position: fixed; bottom: 0; background: #FF8600; z-index: 9;}/*border-top: 1px solid #e2e2e2;*/
.footer .footerDiv{width:100%; height: 100%; margin: 0 auto; color: #333; position: relative; display:flex; flex-direction: column; justify-content: center; align-items: center;}
.footer .footerDiv .area1{display: flex;}
.footer .footerDiv .area1 .addressBox{display: flex; height:50px; background: #fff; border:1px solid #fff; font-size: 16px; box-sizing: border-box; margin: 0 5px 0 0; border-radius: 10px; align-items: center; color: #828482; text-align: left;}
.footer .footerDiv .area2{margin-top: 10px; justify-content: center;}
.footer .footerDiv .area2 .callico{height: 26px; vertical-align: bottom;}
.footer .footerDiv .area2 .call{color: #fff; font-family: 'OAGothic-ExtraBold'; font-size: 20px;}
.footer .footerDiv .area2 .m575v{display: none;}
.footer .footerDiv .inp2{ padding:10px; height:50px; background: #fff; border:1px solid #fff; font-size: 16px; box-sizing: border-box; width: 100%; margin: 0 5px 0 0; border-radius: 10px; text-align: left;}
.footer .footerDiv .inp3{ padding:10px; height:50px; background: #fff; border:1px solid #fff; font-size: 16px; box-sizing: border-box; width: 130px; margin: 0 5px 0 0; border-radius: 10px; text-align: center;}
.footer .footerDiv .agree{color: #fff; font-size: 16px; margin-right: 30px;}
.footer .footerDiv .agree input[type=checkbox] { width: 20px; height: 20px; vertical-align: middle;}
.footer .footerDiv .agree .tdul{text-decoration: underline;}
.footer .footerDiv .agree a{color: #fff;}
.footer .footerDiv .agree a:hover{color: #005279;}
.footer .footerDiv .reqBtn{background: #000; color: #FFF504; font-size: 30px; font-weight: bold; border-radius: 10px; padding: 5px 20px; border: 1px solid #000; font-family: 'OAGothic-ExtraBold'; vertical-align: bottom; margin-left: 20px; width: 100%;}
.footer .footerDiv .reqBtn:hover{background: #FFF504; color: #000; cursor: pointer; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

.agreePop{width: 100%; height: 100%; position: fixed; top:0; left:0; z-index: 100; display: none;}
.agreePop .dim{width: 100%; height: 100%; position: absolute; top:0; left:0; z-index: 0; background: #000; opacity: 0.5;}
.agreePop .popCont{width: 100%; max-width: 650px; position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.agreePop .popCont .contWrap{padding: 0 50px; background: #fff;}
.agreePop .popCont .contWrap img{width: 100%; height: auto;}
.agreePop .popCont .popCloseBtn{width: 58px; height: 51px; position: absolute; top:0; right:0; z-index: 2; cursor: pointer; background-image: url("../img/agreePopClose.png"); background-size: 100%;}

#targetTypeSelect {
	display: block;
	}



@media ( max-width: 1200px ) {
ter{width:100%; height: 110px; position: fixed; bottom: 0; background: #FF8600; z-index: 9;}/*border-top: 1px solid #e2e2e2; */
	.footer .footerDiv{width:100%; max-width: 800px; height: 100%; margin: 0 auto; color: #333; position: relative;}
	.footer .footerDiv .area1{margin-top: 10px;}
	.footer .footerDiv .area2{margin-top: 10px;}
	.footer .footerDiv .area2 .callico{height: 26px; vertical-align: bottom;}
	.footer .footerDiv .area2 .call{color: #fff; font-family: 'OAGothic-ExtraBold'; font-size: 20px;}
	.footer .footerDiv .area2 .m575v{display: none;}
	.footer .footerDiv .inp2{ padding:8px; height:50px; background: #fff; border:1px solid #fff; font-size: 13px; box-sizing: border-box; width: 100%; margin: 0 5px 0 0; border-radius: 10px;}
	.footer .footerDiv .inp3{ padding:8px; height:50px; background: #fff; border:1px solid #fff; font-size: 12px; box-sizing: border-box; width: 90px; margin: 0 5px 0 0; border-radius: 10px; text-align: center;}
	.footer .footerDiv .agree{color: #fff; font-size: 16px; margin-right: 30px;}
	.footer .footerDiv .agree input[type=checkbox] { width: 20px; height: 20px; vertical-align: middle;}
	.footer .footerDiv .agree .tdul{text-decoration: underline;}
	.footer .footerDiv .agree a{color: #fff;}
	.footer .footerDiv .agree a:hover{color: #005279;}
	.footer .footerDiv .reqBtn{background: #000; color: #FFF504; font-size: 20px; font-weight: bold; border-radius: 10px; padding: 3px 20px; border: 1px solid #000; font-family: 'OAGothic-ExtraBold'; vertical-align: bottom; margin-left: 15px; width: 100%;}
	.footer .footerDiv .reqBtn:hover{background: #FFF504; color: #000; cursor: pointer; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
}


@media ( max-width: 800px ) {
	.addressBox {
		display: none;
	}
	#targetTypeSelect {
		display: none;
	}


	.footer{height: 100px;}
	.footer .footerDiv .area1{padding: 0; width: 550px; margin: 10px auto 0 auto; text-align: center; display: flex;
    justify-content: center;}
	.footer .footerDiv .area1 .addressBox{display: none;}
	.footer .footerDiv .area2{padding: 0; width: 550px; margin: 10px auto 0 auto; text-align: center; display: flex; align-items: center;}
	.footer .footerDiv .area2 .callico{height: 20px;}
	.footer .footerDiv .area2 .call{font-size: 14px;}
	.footer .footerDiv .inp2{height:40px; font-size: 14px; width: 80%; }
	.footer .footerDiv .agree{color: #fff; font-size: 13px; margin-right: 23px; margin-left: -15px;}
	.footer .footerDiv .reqBtn{font-size: 22px; width: 80%;}
	
}

@media ( max-width: 575px ) {
	.addressBox {
		display: none;
	}
	#targetTypeSelect {
		display: none;
	}

	.footer{height: 100px;}
	.footer .footerDiv .area1{width: 330px; margin: 0;}
	.footer .footerDiv .area2{width: 330px; display: block; margin-top: 10px;}
	.footer .footerDiv .area2 .callico{width: 50%; height: auto; vertical-align: middle; margin-top: 5px;}
	.footer .footerDiv .area2 .call{font-size: 13px;}


	.footer .footerDiv .area2 .m575v{display: block;}
	.footer .footerDiv .inp2{height:30px; font-size: 12px; width: 100%; }
	.footer .footerDiv .agree{color: #fff; font-size: 13px; margin-right: 0; margin-left: 0;}
	.footer .footerDiv .agree input[type=checkbox] { width: 16px; height: 16px;}
	.footer .footerDiv .reqBtn{font-size: 14px; padding: 5px 10px; margin-left: 10px; width: 100%;}

	.agreePop .popCont .contWrap{padding: 0 20px;}
	.agreePop .popCont .popCloseBtn{width: 35px; height: 31px;}
	
}

@media ( max-width: 480px ) {
	#base_address1 {
		display: none;
	}

	#trainee-select {
		display: none;	
	}

}

@media ( max-width: 360px ) {
	.addressBox {
		display: none;
	}
	#targetTypeSelect {
		display: none;
	}

	.footer .footerDiv .area1{width: 270px; margin: 10px auto 0 auto;}
	.footer .footerDiv .area2{width: 270px; margin: 8px auto 0 auto;}
	.footer .footerDiv .inp2{height:30px; font-size: 11px; width: 90px; }
	.footer .footerDiv  .nm{width: 60px !important;}
	.footer .footerDiv .agree{font-size: 12px;}
	.footer .footerDiv .reqBtn{font-size: 12px; padding: 7px 10px; margin-left: 0;}
	.footer .footerDiv .area2 .call{font-size: 12px;}

	.agreePop .popCont .contWrap{padding: 0 10px;}
	.agreePop .popCont .popCloseBtn{width: 30px; height: 27px;}
}