/* 공통 */
figure{margin: 0;}
select::-ms-expand { display: none; }
select { 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none;
	outline: none;
}
input{outline: none; border: 1px solid #000;}
input[type="submit"],input[type="button"], input[type="file"],
input[type="text"], button { appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0;-webkit-border-radius: 0; -moz-border-radius: 0; }
input[type="checkbox"]{ padding: 0 !important;}

/* 달력 */
.month-picker { width:100%; max-width: 250px; }
.month-picker * { font-size:13px; }
.month-picker-month-table .ui-button { width:60px; padding:5px 0; }
.month-picker-title { width:100px; margin:0 auto; }
.ui-button-text-only .ui-button-text { padding:0 !important; }

:root{
	/* 공통 */
	--pointC: #C4000F;
	--select_style: #fff url("/img/recruit/icon_select.png") no-repeat calc(100% - 15px) 50%
}

/* 입사지원 기본
------------------------------------------------------ */
/* 공통 */
.recruit *{box-sizing:border-box; line-height:1.3em; letter-spacing:-0.02em; font-family:Pretendard, -apple-system, Blinkmacsystemfont, System-ui, Roboto, "Helvetica Neue", "Segoe Ui", "Apple Sd Gothic Neo", "Noto Sans Kr", "Malgun Gothic", Sans-serif;}
.recruit .mt100{margin-top: 100px;}
.recruit .br{border-left: 1px solid #ddd;}
/* 타이틀 */
.recruit_tit{font-weight:700; font-size:36px; color: #222; margin-bottom:20px;}
.recruit_tit span{font-weight:400; font-size:20px; color: #666; margin-left: 10px;}
.recruit_tit span em{color: var(--pointC);}
/* 버튼 */
.recruit_btn{display:flex; justify-content:center; margin-top: 80px; gap:10px}
.recruit_btn a{display:inline-block; vertical-align: top; width: 300px; height: 80px; line-height: 80px; font-weight: 600; font-size:20px; color: #fff; background: var(--pointC); text-align: center;}
.recruit_btn button{background: var(--pointC); width: 100%; max-width: 300px; height: 80px; border:none; font-weight: 600; font-size:20px; color: #fff; cursor: pointer;}
.recruit_btn a.bgw,
.recruit_btn button.bgw{background: #fff; border:1px solid #000; color: #000;}
.recruit_btn a.bgb,
.recruit_btn button.bgb{background: #000;}
/* 항목 추가 버튼 */
.recruit .btn_ctn {display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:20px;}
.recruit .btn_ctn .box{width: calc(100% - 85px);display:flex; align-items:center;}
.recruit .btn_ctn .box .recruit_tit{margin-bottom:0;}
.recruit .btn_ctn .box .plus_btn { display:inline-block; vertical-align:middle; margin:0 0 0 15px; }
.recruit .btn_ctn .box .plus_btn > span { position:relative; cursor:pointer; display:inline-block; vertical-align:middle; width:25px; height:25px; margin:0 0 0 2px; border:1px solid #aaa; text-indent:-9999em; overflow:hidden; }
.recruit .btn_ctn .box .plus_btn > span.btn_minus:before,
.recruit .btn_ctn .box .plus_btn > span.btn_plus:before { content:""; display:block; position:absolute; top:50%; left:50%; transform:translate(calc(-50% - 0.5px), calc(-50% - 0.5px)); margin:0 0 0 -3px\0; width:7px; height:1px; background-color:#aaa; }
.recruit .btn_ctn .box .plus_btn > span.btn_plus:after { content:""; display:block; position:absolute; top:50%; left:50%; transform:translate(calc(-50% - 0.5px), calc(-50% - 0.5px)); margin:-3px 0 0 0\0; width:1px; height:7px; background-color:#aaa; }
.recruit .btn_ctn .box p{font-weight:400; font-size:20px; color: #666; margin-left: 20px;}
.recruit .btn_ctn .box p em{color: var(--pointC);}
.recruit .btn_ctn .chk{width: 85px;}
/* 항목 추가 버튼02 */
.recruit .copy_list02 > .box{margin-bottom:10px;}
.recruit .copy_list02 > .box:last-of-type{margin-bottom:0;}
.recruit .copy_list02 > .fbox{gap:10px}
.recruit .copy_list02 > .fbox .plus_btn02{display:flex; gap:5px}
.recruit .copy_list02 > .fbox .plus_btn02 > div{width: 50px; height: 50px; border:1px solid #ddd; text-align: center; cursor: pointer;}
.recruit .copy_list02 > .fbox .plus_btn02 > div i{line-height: 48px;}
/*.recruit .copy_list02 > .fbox .plus_btn02 > .minus{display:none;}*/

@media (max-width: 1200px){
	.recruit .mt100{margin-top: 50px;}
	.recruit_tit{font-size:24px;}
	.recruit_tit span{font-size:16px; margin-left: 5px;}
	.recruit_btn{margin-top: 50px;}
	.recruit_btn a{line-height: 60px;}
	.recruit_btn a,
	.recruit_btn button{max-width: 220px; height: 60px; font-size:18px;}
	.recruit .btn_ctn .box{flex-wrap:wrap;}
	.recruit .btn_ctn .box p{width: 100%; margin-left: 0; font-size:16px; margin-top: 5px;}
}

@media (max-width: 1000px){
	/* 항목 추가 버튼02 */
	.recruit .copy_list02 > .fbox .plus_btn02{order:-1}
}

/* 체크박스 */
.recruit .chk{margin-top: 20px;}
.recruit .chk input{display:none;}
.recruit .chk label{display:flex; align-items:center; cursor: pointer;}
.recruit .chk label span{position:relative; top: -1px; width: 16px; height: 16px; border:1px solid #ddd;}
.recruit .chk label span i{position: absolute; top: -1px; left: -1px; color: #fff; font-size:16px; font-weight:bold;}
.recruit .chk label p{width: calc(100% - 16px); font-weight:300; font-size:16px; color: #333; padding-left: 10px; box-sizing:border-box;}
.recruit .chk input[type="checkbox"]:checked + label span{}
.recruit .chk input[type="checkbox"]:checked + label span i{color: var(--pointC);}

/* 라운드박스 */
.recruit .radio_box {display:inline-block; vertical-align: top;}
.recruit .radio_box input{display:none; }
.recruit .radio_box label{display:flex; align-items:center; cursor: pointer; margin-right: 16px;}
.recruit .radio_box:last-of-type label{margin-right: 0;}
.recruit .radio_box label span{position:relative; width: 16px; height: 16px; box-sizing:border-box; border:1px solid #ddd; line-height:1.3em; border-radius:50%}
.recruit .radio_box label span::after{content:""; position:absolute; top: 50%; left: 50%; width: 8px; height: 8px; border-radius:50%; background: var(--pointC); transform:translate(-50%,-50%); opacity: 0;}
.recruit .radio_box label p{width: calc(100% - 16px); font-weight:400; font-size:16px; color: #333; padding-left: 5px; box-sizing:border-box; position:relative; top: 1px;}
.recruit .radio_box input:checked + label span{border-color:var(--pointC);}
.recruit .radio_box input:checked + label span::after{opacity: 1;}
/* 파일 */
.recruit .file_box{display:flex; gap:5px; width: 100%; max-width: 1000px;}
.recruit .file_box #fileName{width: calc(100% - 165px); height: 50px;  box-sizing:border-box; border:1px solid #ddd; padding: 0 20px; }
.recruit .file_box .file{width: 160px; height: 50px; box-sizing:border-box; background: #000; cursor: pointer;}
.recruit .file_box .file span{display:inline-block; width: 100%; height: 100%; text-align: center; line-height:50px; color: #fff; font-size:16px; font-weight:500}
.recruit .file_box .file input{display:none}

/* recruit - 테이블 기본
------------------------------------------------------ */
.recruit .table_box{border-top: 1px solid #333;}
/* 기본 th, td */
.recruit .table_box tr th{text-align: center; padding: 0; height: 85px; font-size: 17px; font-weight: 400; color: #333; border-bottom: 1px solid #ddd; background-color: #f9f9f9;}
.recruit .table_box tr th span{color: var(--pointC);}
.recruit .table_box tr td{text-align: left; padding: 10px 15px; font-size: 16px; font-weight: 300; color: #666; letter-spacing: -0.025em; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.recruit .table_box tr td.nbr{border-left: none;}
.recruit .table_box tr td.pad{padding: 20px; text-align: center;}
.recruit .table_box tr td.n_pad{padding:0;}
.recruit .table_box tr td textarea{display:inline-block; vertical-align: top; width: 100%; height: 230px; resize:none; border:1px solid #ddd; outline:none; padding: 10px;}
/* display:flex */
.fbox{display:flex; align-items:center;}
/* 신입, 경력, 신입/경력 */
.recruit .table_box tr td .select_txt{}
.recruit .table_box tr td .select_txt li{font-size:16px; color: #333; display:none}
.recruit .table_box tr td .select_txt li.on{display:block; }
/* 도움글 */
.recruit .table_box tr td .stxt{color: #aaa; font-weight:300; font-size: 16px; margin-left: 15px;}
.recruit .table_box tr td .stxt2{margin-top: 10px; margin-left: 0; display:block; }
/* select */
.recruit .table_box tr td select{height: 50px; border:1px solid #ccc; width: 100%; background: var(--select_style); font-size:16px; outline:none; color: #333; padding: 0 15px;}
.recruit .table_box tr td.sel_max500 select{max-width: 500px;}
/* input 공통 */
.recruit .table_box tr td input[type="password"],
.recruit .table_box tr td input[type="text"]{border:1px solid #ccc; height: 50px; padding: 0 15px; font-size:16px; color: #333; outline:none; width: 100%; max-width: 200px;}
/* email */
.recruit .table_box tr td.email input{max-width: 340px;}
/* 비밀번호 */
.recruit .table_box tr td .password input{max-width: 500px;}
.recruit .table_box tr td .check-info {margin: 5px 0; display: flex; gap: 0 12px;}
.recruit .table_box tr td .check-info span {margin: 0; font-weight: 400;}
.recruit .table_box tr td .check-info span:after {content: '\e929'; font-family: 'xeicon'; display: inline-block; width: 13px; height: 13px; border: 1px solid #aaa; vertical-align: middle; margin: 0 0 0 4px; border-radius: 50%; text-align: center; line-height: 13px; font-size: 13px;}
.recruit .table_box tr td .check-info span:first-child {margin-left: 0;}
.recruit .table_box tr td .check-info span.is-success {color: var(--pointC); }
.recruit .table_box tr td .check-info span.is-success:after {background: var(--pointC); color: #fff; border: 1px solid var(--pointC);}
/* 알림 텍스트 */
.recruit .txt_list{margin-top: 20px;}
.recruit .txt_list li{position:relative; font-weight:400; font-size:18px; color: #999; margin-bottom: 8px; padding-left: 14px;}
.recruit .txt_list li:last-of-type{margin-bottom:0;}
.recruit .txt_list li span{position:absolute; left: 0;}

/* 달력
------------------------------------------------------ */
.recruit .recruit_box .table_box tr td .date{gap:20px}
.recruit .recruit_box .table_box tr td .date .box{width: 100%; position:relative;}
.recruit .recruit_box .table_box tr td .date .box .icon{position:absolute; top: 13px; right: 10px;}
.recruit .recruit_box .table_box tr td .date .box input{max-width: none;}

/* 저소득층사항 - 테이블 스타일02
------------------------------------------------------ */
.recruit .style02 .table_box tr th{border-right: 1px solid #ddd;}
.recruit .style02 .table_box tr th:last-of-type{border-right: none;}
.recruit .style02 .table_box tr td > .box input{max-width: none;}
.recruit .style02 .table_box tr td > .box > span{display:none; vertical-align: top; padding: 15px; font-weight:400; font-size:17px; text-align: center; background: #f9f9f9; width: 100%; color: #333;}
/* 카피리스트 - 기본
------------------------------------------------------ */
.recruit .copy_list .item{display:flex;}
.recruit .copy_list .item > .box{width: 33.33%; padding: 10px 15px; border-right: 1px solid #ddd;}
.recruit .copy_list .item > .box:last-of-type{border-right: none;}
.recruit .copy_list .item > .box > span{display: none; vertical-align: top; padding: 15px; font-weight: 400; font-size: 17px; text-align: center; background: #f9f9f9; width: 100%; color: #333; border-top: 1px solid #ddd;}
.recruit .copy_list .item > .box:first-of-type > span{border-top: none;}
/* 해외연수 - 4개 */
.recruit .copy_list.i4 .item > .box{width: 20%;}
.recruit .copy_list.i4 .item > .box.w40{width: 40%;}
/* 자격증 - 4개 정비율 */
.recruit .copy_list.w25 .item > .box{width: 25%;}
/* 수상경력 */
.recruit .copy_list .item > .box.w50{width: 50%;}
/* 보유기술 및 능력 */ 
.recruit .copy_list.w40 .item > .box{width: 40%;}
.recruit .copy_list .item > .box.w20{width: 20%;}


@media (max-width: 1200px){
	/* 병역사항
	------------------------------------------------------ */
	.recruit .recruit_box .table_box tr td .date{flex-wrap:nowrap; gap:10px}
	/* 저소득층사항 - 테이블 스타일02
	------------------------------------------------------ */
	.recruit .style02 .table_box tr th{display:none; }
	.recruit .style02 .table_box tr td{padding: 0;}
	.recruit .style02 .table_box tr td > .box{margin-bottom:10px;}
	.recruit .style02 .table_box tr td > .box > span{display:block; margin-bottom:10px; border-bottom: 1px solid #ddd;}
}
@media (max-width: 1000px){
	.fbox{flex-wrap:wrap;}

	.recruit .table_box colgroup{display:none;}
	.recruit .table_box tr{display:flex; flex-wrap:wrap;}
	.recruit .table_box tr th{width: 100%; height: 50px; line-height: 50px;}
	.recruit .table_box tr td{width: 100%; padding: 10px 0; border-left: none;}
	.recruit .table_box tr td .fbox .stxt{width: 100%; margin-left: 0; margin-top: 10px;}

	.recruit .table_box tr td.sel_max500 select,
	.recruit .table_box tr td input[type="password"],
	.recruit .table_box tr td input[type="text"],
	.recruit .table_box tr td.email input{max-width: none;}

	/* 카피리스트 - 기본 */
	.recruit .copy_list .item{flex-wrap:wrap;}
	.recruit .copy_list .item > .box{width: 100% !important; padding: 0; border-right: none; margin-bottom:10px;}
	.recruit .copy_list .item > .box > span{display: block; margin-bottom: 10px; border-bottom: 1px solid #ddd;}
}

/* 입사지원 진행 STEP
------------------------------------------------------ */
:root{
	/* 영문 폰트 */
	--stepEn: 'Outfit', sans-serif;
	/* 화살표 아이콘 */
	--iconArrow: url(/img/recruit/icon_step_arrow.png)
}
.stepbox{display:flex; gap:20px; margin-bottom:100px;}
.stepbox .item{position:relative; width: calc((100% - 120px) / 7); padding-bottom:calc((100% - 120px) / 7); border:1px solid #ddd; border-radius:50%}
.stepbox .item a{position:absolute; top: 0; left: 0; width: 100%; height: 100%;}
.stepbox .item .p50{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 100%; text-align: center;}
.stepbox .item .p50 p{font-family: var(--stepEn); font-size:16px; color: #999;}
.stepbox .item .p50 h3{font-weight:600; font-size:22px; margin-top: 15px; color: #333;}
/* on */
.stepbox .item.on{background: var(--pointC); border-color:var(--pointC)}
.stepbox .item.on .p50 p,
.stepbox .item.on .p50 h3{color: #fff;}
/* 아이콘 추가 */
.stepbox.icon_arrow{gap:0}
.stepbox.icon_arrow .item{width: calc((100% - 130px) / 7); padding-bottom:calc((100% - 130px) / 7);}
.stepbox.icon_arrow .item::after{content:""; position:absolute; top: 50%; right: -79px; transform:translateY(-50%); background: var(--iconArrow); width: 27px; height: 10px; display:none; }
.stepbox.icon_arrow .item.left::after{right: auto; left: -81px;}
.stepbox.icon_arrow .item.on{margin-right: 130px;}
.stepbox.icon_arrow .item.left.on{margin-left: 130px; margin-right: 0;}
.stepbox.icon_arrow .item.on::after{display:block; }


@media (max-width: 1400px){
	.stepbox{flex-wrap:wrap;}
	.stepbox .item{width: calc((100% - 60px) / 4); padding-bottom:120px; border-radius:10px}

	/* 아이콘 추가 */
	.stepbox.icon_arrow{flex-wrap:wrap; justify-content:center; gap:10px}
	.stepbox.icon_arrow .item{width: calc((100% - 150px) / 4);}
	.stepbox.icon_arrow .item.on{margin-right: 120px;}
	.stepbox.icon_arrow .item.left02::after{right: auto; left: -81px;}
	.stepbox.icon_arrow .item.left02.on,
	.stepbox.icon_arrow .item.left.on{margin-right: 0; margin-left: 120px;}
}

@media (max-width: 1200px){
	.stepbox{margin-bottom:70px;}
}
@media (max-width: 1000px){
	.stepbox{gap:10px}
	.stepbox .item{width: calc((100% - 30px) / 4); padding-bottom:100px;}
	.stepbox .item .p50 h3{font-size:17px; margin-top: 8px;}

	/* 아이콘 추가 */
	.stepbox.icon_arrow .item{width: calc((100% - 70px) / 4); padding-bottom:100px;}
	.stepbox.icon_arrow .item.on{margin-right: 40px;}
	.stepbox.icon_arrow .item::after{right: -41px;}
	.stepbox.icon_arrow .item.left::after,
	.stepbox.icon_arrow .item.left02::after{right: auto; left: -38px;}
	.stepbox.icon_arrow .item.left02.on,
	.stepbox.icon_arrow .item.left.on{margin-right: 0; margin-left: 40px;}
}

@media (max-width: 800px){
	/* 아이콘 추가 */
	.stepbox.icon_arrow .item{width: calc((100% - 30px) / 4);}
	.stepbox.icon_arrow .item.on{margin-right: 0;}
	.stepbox.icon_arrow .item.left::after,
	.stepbox.icon_arrow .item.left02::after,
	.stepbox.icon_arrow .item::after{display:none !important;}
	.stepbox.icon_arrow .item.left02.on,
	.stepbox.icon_arrow .item.left.on{margin-right: 0; margin-left: 0;}
}

/* recruit01 - 개인정보 수집 및 이용에 대한 안내
------------------------------------------------------ */
.recruit01 .privacy_ctn{border:1px solid #ddd; padding: 30px; max-height: 500px; overflow-y: auto;}
.recruit01 .privacy_ctn p{font-size:18px; line-height: 1.66667em; color: #333;}

@media (max-width: 1200px){
	.recruit01 .privacy_ctn{padding: 20px 16px;}
	.recruit01 .privacy_ctn p{font-size:16px;}
}

/* recruit03 - 기본정보 
------------------------------------------------------ */
.recruit03 {}
.recruit03 .recruit_ctn {display:flex; border-top: 2px solid #333; border-bottom: 1px solid #333;}
/* 이미지박스 - 코젠 그대로 가지고 왔습니다 */
.recruit03 .recruit_ctn .imgbox {width:300px; padding:30px; box-sizing: border-box;}
.recruit03 .recruit_ctn .imgbox #imgViewArea { position:relative; background-color:#f9f9f9; outline:none; }
.recruit03 .recruit_ctn .imgbox #imgViewArea:after {content:""; display:block; padding-bottom:116.6%; }
.recruit03 .recruit_ctn .imgbox #imgViewArea img { width:100%; height:100%; margin:0; position:absolute; left:0; top:0; z-index:2; object-fit:cover; -o-object-fit:cover; }
.recruit03 .recruit_ctn .imgbox #imgViewArea .txt { position:absolute; left:0; top:0; z-index:1; align-items:center; justify-content:center; display:flex; font-size:16px; font-weight:300; color:#aaa; line-height:160%; text-align:center; width:100%; height:100%; }
.recruit03 .recruit_ctn .imgbox .btn { position:relative; width:100%; margin:20px 0 0 0; height:60px; }
.recruit03 .recruit_ctn .imgbox .btn input[type=file] { position:absolute; top:0px; left:0px; z-index:1; width:100%; height:100%; opacity:0; cursor:pointer; }
.recruit03 .recruit_ctn .imgbox .btn .btn_txt { position:absolute; top:0px; left:0px; width:100%; height:100%; display:flex; text-align:center; align-items:center; justify-content:center; border:1px solid #aaa; box-sizing:border-box; }
.recruit03 .recruit_ctn .imgbox .btn .btn_txt span { display:inline-block; padding:4px 36px 4px 0; font-size:15px; font-weight:400; color:#666; background:url(/img/recruit/icon_pic.png) right center no-repeat;}
.recruit03 .recruit_ctn .imgbox .txt_b { margin:20px 0 0 0; text-align:center; font-size:16px; font-weight:300; color:#aaa;}
/* 기본정보 테이블 */
.recruit03 .recruit_ctn .table_box{width: calc(100% - 300px); border-top: none;}
.recruit03 .recruit_ctn .table_box th{border-left: 1px solid #ddd;}
.recruit03 .recruit_ctn .table_box td{border-right: none; }
.recruit03 .recruit_ctn .table_box tr:last-of-type th,
.recruit03 .recruit_ctn .table_box tr:last-of-type td{border-bottom: none;}
.recruit03 .recruit_ctn .table_box .fbox .box{display:flex; align-items:center; gap:15px}
.recruit03 .recruit_ctn .table_box .fbox .box label{font-size:16px; color: #333;}
/* 이름 */
.recruit03 .recruit_ctn .table_box .name .fbox{gap:30px}
/* 생년월일 */
.recruit03 .recruit_ctn .table_box .birth_data .fbox {gap:10px}
.recruit03 .recruit_ctn .table_box .birth_data .fbox select{max-width: 200px;}
/* 희망연봉 */
.recruit03 .recruit_ctn .table_box .money_cnt{display:flex; align-items:center; gap:30px}
.recruit03 .recruit_ctn .table_box .money_cnt .box{display:flex; gap:12px}
.recruit03 .recruit_ctn .table_box .money_cnt .box span{font-size:16px; font-weight:400; color: #333;}
.recruit03 .recruit_ctn .table_box .money_cnt .chk{margin-top: 0;}
.recruit03 .recruit_ctn .table_box .money_cnt .chk p{font-weight:400;}
/* 지원경로 */
.recruit03 .recruit_ctn .table_box .route_input{display:none; max-width: 500px; width: 100%;}
/* 주소 및 전화번호
------------------------------------------------------ */
.recruit03 .addr_info{}
.recruit03 .addr_info .table_box tr td .fbox{gap:10px}
.recruit03 .addr_info .table_box tr td .fbox input[type="text"]{max-width: 250px;}
.recruit03 .addr_info .table_box tr td .fbox button{display: inline-block; width: 100%; max-width: 170px; height: 50px; text-align: center; font-weight: 500; font-size: 17px; letter-spacing: -0.02em; background: #111; color: #fff; padding: 0; border:none; cursor: pointer;}
.recruit03 .addr_info .table_box tr td .box{margin-top: 10px;}
.recruit03 .addr_info .table_box tr td .box input[type="text"]{max-width: none; margin-bottom:10px;}
.recruit03 .addr_info .table_box tr td .box input[type="text"]:last-of-type{margin-bottom:0;}
/* 가족사항
------------------------------------------------------ */
.recruit03 .family{}
.recruit03 .family .table_box tr td .fbox{gap:30px}
.recruit03 .family .table_box tr td .fbox .box span{margin-left: 10px; color: #333; font-weight:400;}
.recruit03 .family .table_box tr td .family_list{}
.recruit03 .family .table_box tr td .family_list .item{display:flex;}
.recruit03 .family .table_box tr td .family_list .item .box{width: 100%; max-width: 350px; padding: 10px 20px; border-right: 1px solid #ddd;}
.recruit03 .family .table_box tr td .family_list .item .box:last-of-type{border-right: none;}
.recruit03 .family .table_box tr td .family_list .item .box .m_txt{display:none; font-weight:400; color: #333; margin-bottom: 5px;}
.recruit03 .family .table_box tr td .family_list .item .box input{max-width: none;}
/* 취업보호사항
------------------------------------------------------ */
.recruit03 .protection .table_box tr td select{max-width: 500px;}



@media (max-width: 1200px){
	.recruit03 .recruit_ctn {flex-wrap:wrap; justify-content:center; border-bottom: none;}
	.recruit03 .recruit_ctn .imgbox { width:100%; padding:20px;  text-align: center;}
	.recruit03 .recruit_ctn .imgbox #imgViewArea { width:200px; display:inline-block; vertical-align:middle; }
	.recruit03 .recruit_ctn .imgbox .txtbox { width:100%; display:inline-block; vertical-align:middle; }
	.recruit03 .recruit_ctn .imgbox .btn { margin:20px auto; height:50px; max-width:300px; }
	.recruit03 .recruit_ctn .imgbox .btn .btn_txt span { font-size:14px; }
	.recruit03 .recruit_ctn .imgbox .txt_b { margin:15px 0 0 0; font-size:15px; }
	.recruit03 .recruit_ctn .table_box{width: 100%; border-top: 1px solid #333;}
	.recruit03 .table_box tr:last-of-type td{border-bottom: 1px solid #ddd;}
	.recruit03 .table_box colgroup{display:none;}
	.recruit03 .table_box tr{display:flex; flex-wrap:wrap;}
	.recruit03 .table_box tr th{width: 100%; height: 50px; line-height: 50px; border-left: none;}
	.recruit03 .table_box tr td{width: 100%; padding: 10px 15px; border-left: none;}
	.recruit03 .table_box tr td .fbox{flex-wrap:wrap;}
	.recruit03 .table_box tr td .fbox .stxt{width: 100%; margin-left: 0; margin-top: 10px;}

	.recruit03 .table_box tr td.sel_max500 select,
	.recruit03 .table_box tr td input[type="password"],
	.recruit03 .table_box tr td input[type="text"],
	.recruit03 .table_box tr td.email input{max-width: none;}

	/* 주소 및 전화번호
	------------------------------------------------------ */
	.recruit03 .addr_info .table_box tr td .fbox{flex-wrap:nowrap;}

	/* 가족사항
	------------------------------------------------------ */
	.recruit03 .family .table_box tr td > .fbox{flex-wrap:nowrap;}
	.recruit03 .family .table_box tr td > .fbox .box{display:flex; align-items:center;}
	.recruit03 .family .table_box tr td.pad{display:none; }
	.recruit03 .family .table_box tr td .family_list .item{border-bottom: 1px solid #ddd;}
	.recruit03 .family .table_box tr td .family_list .item:last-of-type{border-bottom: none;}
	.recruit03 .family .table_box tr td .family_list .item .box .m_txt{display:block; }
	
	/* 취업보호사항
	------------------------------------------------------ */
	.recruit03 .protection .table_box tr td select{max-width: none;}


}

@media (max-width: 1024px){
	.recruit03 .recruit_ctn .table_box .money_cnt,
	.recruit03 .recruit_ctn .table_box .name .fbox{gap:10px}
	.recruit03 .recruit_ctn .table_box .money_cnt .box,
	.recruit03 .recruit_ctn .table_box .name .fbox .box{width: 100%;}
	.recruit03 .recruit_ctn .table_box .birth_data .fbox select{width: calc(50% - 5px); max-width: none;}
	.recruit03 .recruit_ctn .table_box .birth_data .fbox select.sel03{width: 100%;}

	/* 가족사항
	------------------------------------------------------ */
	.recruit03 .family .table_box tr td > .fbox{gap:10px}
	.recruit03 .family .table_box tr td > .fbox .box{width: 100%;}
	.recruit03 .family .table_box tr td .family_list .item{flex-wrap:wrap;}
	.recruit03 .family .table_box tr td .family_list .item .box{width: 50%; max-width: none; padding: 10px;}
	.recruit03 .family .table_box tr td .family_list .item .box:nth-of-type(2n){border-right: none;}
}

/* recruit04 - 학력사항 
------------------------------------------------------ */
.recruit04{}
.recruit04 .select_box{display:flex; align-items:center;justify-content:space-between; padding: 72px 80px; background-color: #f9f9f9;}
.recruit04 .select_box .txt{}
.recruit04 .select_box .txt h4{font-weight:600; font-size:26px; color: #333;}
.recruit04 .select_box .txt h4 span{font-size:18px; color: #444; font-weight:400;}
.recruit04 .select_box .txt p{font-size:16px; color: var(--pointC); margin-top: 14px;}
.recruit04 .select_box .box{width: 50%; max-width: 500px;}
.recruit04 .select_box .box select{ height: 70px; border: 1px solid #ccc; width: 100%; background: var(--select_style); font-size: 16px; outline: none; color: #333; padding: 0 15px;}
.recruit04 .table_box tr td .box input{max-width: none;}
.recruit04 .table_box tr td .score{gap:20px}
.recruit04 .table_box tr td .score .box span{margin-left: 10px;}
.recruit04 .table_box tr td .score .box input{max-width: 70px;}

@media (max-width: 1400px){
	.recruit04 .select_box{padding: 40px;}
}

@media (max-width: 1200px){
	.recruit04 .select_box .txt h4 span{display:block; }
	.recruit04 .select_box .box{max-width: 300px;}
	.recruit04 .select_box .box select{height: 60px;}
}

@media (max-width: 1000px){
	.recruit04 .select_box{flex-wrap:wrap;}
	.recruit04 .select_box .txt{width: 100%;}
	.recruit04 .select_box .box{max-width: none; width: 100%; margin-top: 20px;}
}

@media (max-width: 800px){
	.recruit04 .select_box{padding: 30px 16px;}
	.recruit04 .select_box .txt p{margin-top: 6px;}
}

/* recruit05 - 경력사항 
------------------------------------------------------ */
.recruit05 .career_txt{font-weight:700; font-size:30px; color: #222; margin-bottom:15px;}
.recruit05 .recruit_box .table_box tr td input{max-width: none;}
.recruit05 .career .table_box tr td .fbox{gap:15px}
.recruit05 .career .table_box tr td .fbox span{font-weight:400; color: #333;}

@media (max-width: 1000px){
	.recruit05 .career .table_box tr td .fbox{flex-wrap:nowrap;}
}


/* recruit06 - 자격증 / 면허증
------------------------------------------------------ */
.recruit06 .recruit_box .table_box tr td input{max-width: none;}

@media (max-width: 1000px){
	.recruit06 .career .table_box tr td .fbox{flex-wrap:nowrap;}
}

/* recruit07 - 어학 및 능력 사항
------------------------------------------------------ */
.recruit07 .recruit_box .table_box tr td input{max-width: none;}
/* 포트폴리오 */
.recruit07 .recruit_box.portfolio .table_box tr td input{max-width: 1000px;}

@media (max-width: 1000px){
	.recruit07 .career .table_box tr td .fbox{flex-wrap:nowrap;}
}

/* recruit09 - 경력기술서
------------------------------------------------------ */
.recruit09 .recruit_box .text_box{border-top: 1px solid #000; padding: 40px 0;}
.recruit09 .recruit_box .text_box textarea{display:inline-block; vertical-align: top; width: 100%; height: 500px; resize:none; border:1px solid #ddd; outline:none; padding: 10px; color: #333;}

@media (max-width: 1000px){
	.recruit09 .recruit_box .text_box{padding: 20px 0;}
	.recruit09 .recruit_box .text_box textarea{height: 300px;}
}

/* recruit10 - 지원서 체출 완료
------------------------------------------------------ */
.recruit10 .complete_box{padding: 150px 0; border-top: 1px solid #000; border-bottom: 1px solid #ddd;}
.recruit10 .complete_box .txt{text-align: center;}
.recruit10 .complete_box .txt .icon{display:inline-block; width: 80px;}
.recruit10 .complete_box .txt .icon svg {width: 100%; height: 100%;}
.recruit10 .complete_box .txt .icon svg g path{stroke: var(--pointC);}
.recruit10 .complete_box .txt h3{font-weight:600; font-size:50px; color: #222; margin: 60px 0 30px;}
.recruit10 .complete_box .txt p{color: #333; font-size:20px; line-height: 1.66667em;}

@media (max-width: 1000px){
	.recruit10 .complete_box{padding: 100px 0;}
	.recruit10 .complete_box .txt h3{font-size:34px; margin: 30px 0 20px;}
	.recruit10 .complete_box .txt p{font-size:18px;}
}

@media (max-width: 800px){
	.recruit10 .complete_box{padding: 50px 0;}
	.recruit10 .complete_box .txt .icon{width: 60px; height: 60px;}
	.recruit10 .complete_box .txt h3{font-size:30px; margin: 20px 0 14px;}
	.recruit10 .complete_box .txt p{font-size:16px;}
}

/* recruit_edit - 지원서 수정
------------------------------------------------------ */
.recruit_edit .find_pw .find_pw_link{margin-left: 10px;}
.recruit_edit .find_pw .find_pw_link a{display:inline-block; vertical-align: top; width: 160px; height: 50px; line-height: 50px; background: #000; color: #fff; font-weight:500; font-size:16px; text-align: center;}

@media (max-width: 1000px){
	.recruit_edit .table_box tr td .find_pw input{width: calc(100% - 170px);}
}

/* find_pw - 비밀번호 찾기
------------------------------------------------------ */
.find_pw_box .table_box tr td.email .box{display:flex; align-items:center; margin-bottom:10px; gap:10px}
.find_pw_box .table_box tr td.email .box:last-of-type{margin-bottom:0;}
.find_pw_box .table_box tr td.email .box input{width: calc(100% - 170px);}
.find_pw_box .table_box tr td.email .box button{width: 160px; height: 50px; background: #000; color: #fff; font-weight:500; font-size:16px;padding: 0; border:none; cursor: pointer;}

/* result_view - 합격 불합격
------------------------------------------------------ */
.result_view{padding: 150px 0; border-top: 1px solid #000; border-bottom: 1px solid #ddd;}
.result_view .txt{text-align: center;}
.result_view .txt h3{font-size:50px; color: #222;}
.result_view .txt h3 em{font-weight:bold;}
.result_view .txt h3 span{font-weight:bold; color:var(--pointC)}
.result_view .txt p{font-size:20px; line-height: 1.66667em; color: #333; margin-top: 30px;} 

@media (max-width: 1000px){
	.result_view{padding: 100px 0;}
	.result_view .txt h3{font-size:34px;}
	.result_view .txt p{font-size:18px; margin-top: 20px;}
}

@media (max-width: 800px){
	.result_view{padding: 50px 0;}
	.result_view .txt h3{font-size:30px;}
	.result_view .txt h3 br{display:none;}
	.result_view .txt p{font-size:16px;}
	.result_view .txt p br{display:none;}
}

/* 인재 DB 등록 
------------------------------------------------------ */
.apply_box .table_box tr td .file_box input{max-width: 500px;}