/*게시판 공통*/
.boardTbl { border-top:2px solid #060a15; }
.boardTbl > div { border-bottom:1px solid #a9b6c6; width: 100%; overflow: hidden; box-sizing:border-box; padding:15px 20px; transition:background .3s; -webkit-transition:background .3s; }
.boardTbl > div:not(.finish):hover { background: #f0f2f5; }
.boardTbl > div > a { display: block; width: 100%; overflow: hidden; }
.btnBasic { margin-top: 70px; overflow: hidden; text-align: center;  }
.btnBasic li { display: inline-block; vertical-align: top; margin:0 3px; }
.btnBasic li input { display: block; width: 235px; height: 80px; line-height:80px; text-align: center; color: #fff; background: #b0bccb; border:none; cursor:pointer; font-size:22px; font-weight: 700; }
.btnBasic li:first-child input { background: #0c4da2; }


/*게시판 목록*/
.boardTbl.basic > div { padding:27px 20px; position: relative; } 
.boardTbl.basic .num { float: left; font-family: "Montserrat"; font-size:50px; line-height:100%; font-weight: 300; text-align: right; color: #c1c5cb; width: 50px; }
.boardTbl.basic dl { float: left; margin:5px 0 0 35px; width:calc(100% - 270px); }
.boardTbl.basic dt { color: #0c4da2; line-height:120%;  }
.boardTbl.basic dt em { color: #6a6e79; font-size:17px; font-weight: 700;  }
.boardTbl.basic dt span { margin-left: 10px; }
.boardTbl.basic dd { margin-top: 5px;  color: #060a15; font-size:20px; font-weight: 700; line-height: 120%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.boardTbl.basic .date { float: right; color: #acb0bd; font-family: "Montserrat"; margin-top: 20px; }
.boardTbl.basic .btn { position: absolute; top: 23px; right: 20px;  width: 170px; height: 55px; font-size:16px; text-align: left; box-sizing:border-box; border:2px solid #060a15; overflow: hidden; line-height:51px; text-indent:25px; font-weight: 500; color: #060a15; margin-top: 5px; background:#fff url(/recruit/img/sub/icon_job_black.png) no-repeat 85% center; z-index:99; cursor:pointer; }
.boardTbl.basic .btn:hover { background:#060a15 url(/recruit/img/sub/icon_job_white.png) no-repeat 85% center;  color: #fff; }





/*게시판 상세*/
.boardView { border-bottom:1px solid #a9b6c6; }
.boardView .tit { overflow: hidden; border-top:1px solid #a9b6c6; border-bottom:1px solid #a9b6c6; background: #f0f2f5; width: 100%; height: 130px; display: table; text-align: center; }
.boardView .tit h3 { display: table-cell; vertical-align: middle;  color: #060a15; font-size:26px; line-height:120%; font-weight: 700; }
.boardView .info { width: 100%; height: 60px; line-height:60px; overflow: hidden; border-bottom:1px solid #a9b6c6; box-sizing:border-box; padding:0 20px; }
.boardView .info ul { float: left; }
.boardView .info li { float: left; margin-right: 10px;}
.boardView .info li i { display: block; margin-top: 10px; width: 95px; height: 40px; line-height:40px; font-size:17px; font-weight: 700; font-style:normal; text-align: center; background: #0c4da2; color: #fff; border-radius:5px; }
.boardView .info li.date:before { content: ""; display: block; float: left; width:1px; height:15px; background: #cbcdd2; margin:24px 10px 0 0; }
.boardView .info li em { font-size:17px; font-weight: 700; }
.boardView .info li span { margin-left: 8px; font-family: "Montserrat", 'Noto Sans KR', sans-serif; color: #acb0bd; font-weight: 300; }
.boardView .info li.time span { color: #0c4da2; }
.boardView .info p { float: right; font-size:17px; font-weight: 700;  }
.boardView > article { padding:30px 0; }
.boardView > article img { max-width:100%; width:auto; }
.btnBoard { margin-top: 60px; overflow: hidden; text-align: center; }
.btnBoard li { display: inline-block; vertical-align: top; margin:0 3px; }
.btnBoard li a,
.btnBoard li input { display: block; width: 335px; height: 80px; box-sizing:border-box; border:2px solid #060a15; line-height:76px; text-align: left; padding-left: 38px; color: #060a15; font-size:22px; font-weight: 700; position: relative; cursor:pointer; }
.btnBoard li a i { display: block; width: 30px; height: 8px; font-size:0; background:url(/recruit/img/sub/icon_job.png) no-repeat top left; position: absolute; top: 35px; right: 35px;   }
.btnBoard li.blue a,
.btnBoard li.blue input { background: #0c4da2; color: #fff; border-color:#0c4da2; }
.btnBoard li.blue a i { background-position:bottom left; }
.btnBoard.center li a,
.btnBoard.center li input { text-align: center; padding-left: 0; }


/*게시판 쓰기*/
.boardTxt { box-sizing:border-box; border:1px solid #b0bccb; background:#f7f7f7; overflow: hidden; width: 100%; height: 95px; display: table; box-sizing:border-box; padding:0 10px; }
.boardTxt p { display: table-cell; vertical-align: middle; text-align: center; line-height:130%; }
.boardWrite { margin-top: 25px; width: 100%; overflow: hidden; border-top:2px solid #060a15; position: relative; }
.boardWrite:before { content: ""; display: block; width: 245px; height:100%; background: #f0f2f5; position: absolute; top: 0; left: 0; z-index:-1; }
.boardWrite dl { width: 100%;  overflow: hidden; border-bottom:1px solid #a9b6c6;  display: table; min-height: 70px; }
.boardWrite dt { display: table-cell; vertical-align: middle; color: #060a15; font-size:18px; font-weight: 700; width: 245px; text-align: center; }
.boardWrite dt i { color: #ff3600; font-style:normal; }
.boardWrite dd { display: table-cell; vertical-align: middle; padding:15px 20px; line-height:50px; font-size:16px; }
.boardWrite dd p { line-height:120%; color: #9c9fa8; margin-top: 5px; }
.prvBox { background: #f7f7f7; overflow-x: hidden; overflow-y:auto; height: 310px;	 box-sizing:border-box; border:1px solid #a9b6c6; padding:20px; line-height:140%;	 }
.agreeBox { overflow: hidden; }
.agreeBox p { float: left; margin-right: 20px; font-size:14px; }

.btn_password { display: inline-block; vertical-align: top; width:115px; height:50px; background: #676767; border:none; color: #fff; font-size:16px; cursor:pointer; font-weight: 500; }

/*채용공고*/
.rcvList > div > i { float: left; display: block; font-size:20px; font-weight: 700; width: 94px; height: 94px; font-style:normal; border-radius:6px; background: #0c4da2; text-align: center; line-height:94px; color: #fff; }
.rcvList dl { float: left; margin:10px 0 0 30px; width:calc(100% - 350px);  }
.rcvList dt { overflow: hidden; width: 100%; margin-bottom: 10px; }
.rcvList dt em { color: #6a6e79; font-size:18px; line-height:100%; display: block; }
.rcvList dt span { display: block; margin-top: 7px; width: 100%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; color: #060a15; font-size:20px; font-weight: 700; line-height: 120%; }
.rcvList dd { float: left; }
.rcvList dd:before { content: ""; display: block; width: 1px; height: 15px; background: #cbcdd2; float: left; margin:2px 10px 0; }
.rcvList dt+dd:before { display: none; }
.rcvList dd em { color: #6a6e79; font-size:17px; font-weight: 700; margin-right: 8px; }
.rcvList dd span { font-family: "Montserrat"; color: #acb0bd; font-weight: 300; }
.rcvList dt+dd span { color: #0c4da2; }
.rcvList p { display: block; float: right;   }
.rcvList p a { display: block; width: 170px; height: 55px; box-sizing:border-box; border:2px solid #060a15; overflow: hidden; line-height:51px; text-indent:25px; font-weight: 500; color: #060a15; position: relative; margin-top: 20px;  }
.rcvList p a i { position: absolute; top: 22px; right: 25px; display: block; width: 30px; height: 8px; font-size:0; background:url(/recruit/img/sub/icon_job.png) no-repeat top left;  }
.rcvList p a:hover { background: #060a15; color: #fff; }
.rcvList p a:hover i { background-position: bottom left;  }
.rcvList .finish > i { background: #acb0bd; }
.rcvList .finish dt em,
.rcvList .finish dt span,
.rcvList .finish dd em,
.rcvList .finish dd span { color: #acb0bd; }


/*자주 묻는 질문*/
.faqList { overflow: hidden; box-sizing:border-box; border:1px solid #a9b6c6; }
.faqList > article { overflow: hidden; border-top:1px solid #a9b6c6; }
.faqList > article:first-child { border-top:none; }
.faqList .qTxt { width: 100%; height:80px; position: relative; padding:0 30px; box-sizing:border-box; display: table; }
.faqList .qTxt h3 { display: table-cell; vertical-align: middle; font-family: "Montserrat"; font-size:36px; line-height:100%; color: #0c4da2; font-weight: 500; line-height:80px; width: 45px;  }
.faqList .qTxt p { display: table-cell; vertical-align: middle; color: #383d41; font-size:18px; font-weight: 700; margin-left: 30px; }
.faqList .qTxt:after { content: ""; display: block; width: 18px; height: 18px; box-sizing:border-box; border-right:3px solid #9da2a6; border-bottom:3px solid #9da2a6; position: absolute; top: 26px; right: 30px;  transform:rotate(45deg); -webkit-transform:rotate(45deg); }
.faqList .qTxt.on { background: #3b8ec8; } 
.faqList .qTxt.on h3, .faqList .qTxt.on p { color: #fff; }
.faqList .qTxt.on:after { border-color:#fff; transform:rotate(-135deg); -webkit-transform:rotate(-135deg); top: 37px;  }
.faqList .aTxt { border-top:1px solid #a9b6c6; width: 100%; overflow: hidden; padding:0 30px; box-sizing:border-box; display:none; background: #f7f7f7; }
.faqList .aTxt > div { display: table; width: 100%; height: 100%;  }
.faqList .aTxt h3 { display: table-cell; vertical-align: middle; font-family: "Montserrat"; font-size:36px; line-height:100%; color: #a9adb0; font-weight: 500; line-height:80px; width: 45px;  }
.faqList .aTxt p { display: table-cell; vertical-align: top; color: #6a6e79; font-size:18px; font-weight: 400; margin-left: 30px; line-height:120%; padding-top: 28px; }


/*이력서*/
.resumeCon { min-width:1360px !important; width:1360px !important; overflow-x:auto; }
.resumeCon .basicTbl { width:1360px !important; }
.resumeCon > h3 { color: #060a15; font-size:26px; line-height:100%; font-weight: 700; margin-top: 100px; overflow: hidden; }
.resumeCon > h3:first-child { margin-top: 50px; }
.resumeCon > h3 a { display: inline-block; vertical-align: top; width: 32px; height: 32px; background: #060a15; border-radius:5px; color: #fff; text-align: center; position: relative; font-size:0; }
.resumeCon > h3 a.addCell { margin-left: 15px; }
a.addCell:before, 
a.addCell:after,
a.removeCell:before { content: ""; display: block; background: #fff; position: absolute; }
a.addCell:before,
a.removeCell:before { width: 13px; height: 3px; top: 15px; left: 10px; }
a.addCell:after { width:3px; height:13px; top: 10px; left: 15px; }
.resumeCon > h3 span { font-size:18px; font-weight: 300; color: #777; }
.resumeCon .privacyText { margin-top: 25px; width: 100%; height:520px; box-sizing:border-box; border:1px solid #a9b6c6; background: #f7f7f7; overflow-y:auto; padding:35px; }
.resumeCon .privacyText p { line-height:150%; }
.resumeCon .agree { margin-top: 20px; overflow: hidden; }
.resumeCon .agree li { float: left; margin-right: 25px; color: #383d41; }

.basicTbl .imgBox { width: 100%; text-align: center; }
.basicTbl .imgBox .img { width:120px; height: 160px; margin: 35px auto 0; box-sizing:border-box; border:1px solid #d4d9df; background:#f8f8f8 url(/recruit/img/sub/bg_human.gif) no-repeat center; position: relative; overflow: hidden; }
.basicTbl .imgBox .img img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; max-height:100%; }
.filebox { display:block; margin-top:8px; }
.filebox label { display: block; width: 120px; height: 45px; line-height:45px; font-size:14px; font-weight: 700; color: #fff; background:#0c4da2; cursor: pointer; margin: 0 auto; }
/* 파일 필드 숨기기 */
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.basicTbl .imgBox p { width: 120px; overflow: hidden; margin:8px auto 0; color: #6a6e79; font-size:14px; line-height:160%; text-align: left; letter-spacing: -.5px;}

.address input:first-child { background: #f0f2f5; text-align: center; text-indent:0; }
.address input:nth-child(2) { width:520px; }	
.address input:nth-child(3) { width:520px; margin-top: 5px;}	
.address a { display: inline-block; vertical-align: top; width: 150px; height: 50px; border-radius:5px; background: #060a15; color: #fff; font-size:16px; font-weight: 700; line-height:50px; text-align: center; margin-top: 5px; }
.military input { width: 910px; }

.listBox { padding:10px 0; }
.listBox li { line-height:130%; margin-top: 10px; }
.listBox li:first-child { margin-top: 0; }


/*테이블 - 기본*/
.basicTbl { border-top:2px solid #060a15; width: 100%; margin-top: 20px; }
.basicTbl th, .basicTbl td { border-bottom:1px solid #a9b6c6; border-right:1px solid #a9b6c6; }
.basicTbl th:last-child, .basicTbl td:last-child { border-right:none; }
.basicTbl th { color: #060a15; font-size:18px; font-weight: 700; background: #f6f7f9; height: 65px;}
.basicTbl td {  min-height:80px; padding:15px 20px; box-sizing:border-box; line-height:50px; font-size:16px; }
.basicTbl td > p { color: #9c9fa8; font-size:14px; line-height:120%; margin-top: 5px; }
.basicTbl td em { font-weight: 700; color: #333; font-size:20px; }
.basicTbl.center td,
.basicTbl td.center { text-align: center; }

.basicTbl.horizon th,
.basicTbl.horizon td { padding:15px 20px; box-sizing:border-box; }

.basicTbl.subjTxt th { line-height:32px; }
.basicTbl.subjTxt th span { float: right; margin-right:20px;  }
.basicTbl.subjTxt th span a { display: inline-block; vertical-align: top; width: 32px; height: 32px; background: #060a15; border-radius:5px; color: #fff; text-align: center; position: relative; font-size:0; }

.centerInput input { text-align: center; text-indent:0; }
.choose { text-align: center; }
.choose li { display: inline-block; margin:0 10px; }


/*검색폼*/
.ntb-search-area { overflow: hidden; margin-top: 30px;  }
.ntb-search-area .AXSelect { width:130px; height:50px; padding-left:10px; background:#fff url(/recruit/img/sub/bullet_select.gif) no-repeat right 10px center;  }
.ntb-search-area .AXButton { width:80px; height:50px; font-size:16px; color: #fff; background: #060a15; }

@media screen and (max-width:1450px) {
	.resumeCon.resumeConW100 { min-width:auto !important; width:auto !important; overflow-x:auto; }
	.resumeCon.resumeConW100_1 { padding:0 15px; min-width:auto !important; width:auto !important;  }
	.resumeCon.resumeConW100_1 .resume_table { overflow-x:scroll; }
	.resumeCon.resumeConW100_1 .resume_table .boardWrite { width:1360px; }
	.resumeCon.resumeConW100_1 .size_small { width:150px !important; }
	.resumeCon.resumeConW100_1 .basic_info select.size_small { width:100% !important; }
	.resumeCon.resumeConW100_1 .resTable table { width:100% !important; }
}
@media screen and (max-width:1200px) {
	/*게시판 공통*/
	.boardTbl > div { padding:15px; }


	/*게시판 목록*/
	.boardTbl.basic > div { padding:20px 15px; } 
	.boardTbl.basic dl { margin:5px 0 0 25px; }
	.boardTbl.basic .btn {  width: 120px; text-indent:10px;  }


	/*채용공고*/
	.rcvList dl { margin:10px 0 0 20px; width:calc(100% - 300px);  }
	.rcvList p a { width: 120px; text-indent:10px;  }
	.rcvList p a i { right: 10px; }





}

@media screen and (max-width:730px) {

	/*게시판 공통*/
	.btnBasic li input { width: 115px; height: 50px; line-height:50px; font-size:16px; }
	.btnBasic { margin-top: 40px; }

	/*게시판 목록*/
	.boardTbl.basic > div { padding:15px; } 
	.boardTbl.basic .num { float: none; font-size:25px; text-align: left; }
	.boardTbl.basic dl { float: none; margin:5px 0 0 0; width:100%; overflow: hidden;  }
	.boardTbl.basic dt em { font-size:16px; }
	.boardTbl.basic dt span { margin-left: 10px; }
	.boardTbl.basic dd { margin-top: 5px;  }
	.boardTbl.basic .date { float: none; display: block; margin-top: 10px; }
	.boardTbl.basic .btn { position: static; float: right; width: 170px; margin-top: 15px; }



	/*게시판 상세*/
	.boardView .tit { box-sizing:border-box; padding:0 10px; height: 100px; }
	.boardView .tit h3 { font-size:20px;  }
	.boardView .info { height: auto; line-height:120%; padding:10px; }
	.boardView .info li { margin:0 0 2px; float: none; }
	.boardView .info li i { margin-top: 0; font-size:15px; width: 55px; height: 30px; line-height:30px; border-radius:3px;}
	.boardView .info li:last-child:before { display: none; }
	.boardView .info li em,
	.boardView .info p { font-size:15px;  }
	.btnBoard { margin-top: 40px;  }
	.btnBoard li a { width: 130px; height: 55px; line-height:51px; padding-left:0; font-size:16px; text-align: center; }
	.btnBoard li a i { display: none; }


	/*게시판 쓰기*/
	.boardWrite:before { display: none; }
	.boardWrite dl { min-height:auto; padding:15px 10px; box-sizing:border-box; }
	.boardWrite dt { display: block; font-size:16px; width: auto; text-align: left; }
	.boardWrite dd { display: block; width: 100%; box-sizing:border-box; padding:0; margin-top: 10px; }
	.prvBox { height: 250px; padding:10px; }
	.agreeBox { overflow: hidden; }
	.agreeBox p { float: left; margin-right: 20px; }


	/*채용공고*/
	.rcvList > div > i { float:none; font-size:15px; width: 55px; height: 30px; line-height:30px; border-radius:3px; }
	.rcvList dl { float: none; margin:10px 0 0; width:100%;  }
	.rcvList dt em { font-size:16px; }
	.rcvList dt span { margin-top: 5px; }
	.rcvList dd { letter-spacing: -.5px; } 
	.rcvList dd em { font-size:15px; }
	.rcvList p { display: block; float: right;   }
	.rcvList p a { display: block; width: 170px; height: 55px; box-sizing:border-box; border:2px solid #060a15; overflow: hidden; line-height:51px; text-indent:25px; font-weight: 500; color: #060a15; position: relative; margin-top: 20px;  }
	.rcvList p a i { position: absolute; top: 22px; right: 25px; display: block; width: 30px; height: 8px; font-size:0; background:url(/recruit/img/sub/icon_job.png) no-repeat top left;  }



	/*자주 묻는 질문*/
	.faqList .qTxt { height:55px; padding:5px 15px; }
	.faqList .qTxt h3 { font-size:30px; line-height:120%; width: 35px;  }
	.faqList .qTxt p { font-size:16px; line-height:120%; font-weight: 500; margin-left: 20px; padding-right:35px; }
	.faqList .qTxt:after { width: 15px; height: 15px; top: 16px; right: 20px; }
	.faqList .qTxt.on:after { top: 25px;  }
	.faqList .aTxt { padding:15px; }
	.faqList .aTxt h3 { font-size:30px; line-height:130%; width: 35px;  }
	.faqList .aTxt p {  font-size:16px; margin-left: 20px; padding-top: 10px; }



	/*검색폼*/
	.ntb-search-area .AXSelect { display: block; width: 100%; height:45px; margin-bottom: 5px; }
	.ntb-search-area .AXInput { float: left; display: block; width:calc(100% - 65px); max-width:100% !important; height:45px; }
	.ntb-search-area .AXButton { float: right; display: block; width:60px; height:45px; }

	.resumeCon.resumeConW100 .agree li { display:block; margin-top:10px; }
}
@media screen and (max-width:410px) {

	/*게시판 목록*/
	.boardTbl.basic .btn { float: none;  }



	/*채용공고*/
	.rcvList dd { float: none; margin-bottom: 3px; }
	.rcvList dd:before { display: none; }
	.rcvList p { float: none; margin:0;  }
}








/*게시판 쓰기*/
.boardTxt { box-sizing:border-box; border:1px solid #b0bccb; background:#f7f7f7; overflow: hidden; width: 100%; height: 95px; display: table; box-sizing:border-box; padding:0 10px; }
.boardTxt p { display: table-cell; vertical-align: middle; text-align: center; line-height:130%; }
.boardWrite1 { margin-top: 25px; width: 100%; overflow: hidden; border-top:2px solid #060a15; position: relative; }
/*.boardWrite1:before { content: ""; display: block; width: 245px; height:100%; background: #f0f2f5; position: absolute; top: 0; left: 0; z-index:-1; }*/
.boardWrite1 dl { width: 100%;  overflow: hidden; border-bottom:1px solid #a9b6c6;  display: table; min-height: 70px; }
.boardWrite1 dt { display: table-cell; vertical-align: middle; color: #060a15; padding: 10px 0 10px 10px; line-height: initial;}
.boardWrite1 dt i { color: #ff3600; font-style:normal; }
.boardWrite1 dd { display: table-cell; vertical-align: middle; padding:15px 20px; line-height:50px; font-size:16px; }
.boardWrite1 dd p { line-height:120%; color: #9c9fa8; margin-top: 5px; }