@charset "utf-8";

/* 그림자효과 */
.shadow {
	-webkit-box-shadow:5px 6px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow:5px 6px 0 rgba(0, 0, 0, 0.3);
	box-shadow:5px 6px 0 rgba(0, 0, 0, 0.3);
}

/* 스피너 이미지 */
.plzWait { display:none; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(255, 255, 255, 0.7) url("../../image/sub/spinner.gif") no-repeat center 50%; text-align:center; z-index:1000; }

/* 메인페이지 팝업 */
.popup { position:absolute; top:12%; left:10%; width:80%; z-index:999; }
.popup img { width:100%; }
#recruitPopup { background:url("../../image/sub/recruit/recruit/confirm/bg.jpg") no-repeat; background-size:100% 100%; }
.popupTitle { margin:5% 5% 0 5%; width:90%; font-size:5.5vw; font-weight:600; word-break:keep-all; line-height:130%; color:#fff; letter-spacing:-2px; }
.slogan { display:block; width:90%; margin:20px auto 0 auto; text-align:center; }
#popupContent { width:100%; margin-top:20px; }
.popupText1 { position:absolute; bottom:25%; left:5%; font-size:4vw; word-break:keep-all; color:#fff; }
.popupText2 { position:absolute; bottom:10.5%; left:5%; font-size:3vw; word-break:keep-all; color:#fff; }
@media (max-width:400px) { 
.popupText1 { font-size:14px; }
.popupText2 { font-size:13px; }
}
.closePopup { position:absolute; top:0; right:-24px; width:24px; height:24px; }
.go2Link { display:block; float:right; width:30.172%; margin:5% 3% 3% 0; }

/* 정보 입력 */
#confirm { position:relative; width:100%; height:100%; }
#confirm h1 { position:relative; width:82px; height:45px; margin:0 auto; top:30px; background:url("../../image/sub/recruit/recruit/confirm/logo.png") no-repeat; background-size:100% 100%; text-indent:-99999px; font-size:0; }
#confirm h2 { margin:50px 5px 20px 0; width:100%; font-size:5vw; color:#fff; word-break:keep-all; line-height:32px; text-align:center; }
#confirm .container { position:relative; width:90%; height:146px; margin:0 auto; background:#fff; }
#confirm .container span { display:inline-block; margin-top:33px; width:100%; }
#confirm .container label { display:inline-block; width:19.746%; font-size:15px; color:#1b1b1b; font-weight:500; text-align:right; margin-right:3.95%; } 
#confirm .container input { display:inline-block; width:70.886%; font-size:15px; color:#1b1b1b; z-index:11; border:none; border-bottom:1px solid #C2C2C2; padding:0; margin:0; text-indent:3.95%; padding:5px 0; }
#confirm button { display:block; position:relative; margin:30px auto; width:100px; height:50px; border:none; cursor:pointer; background:url("../../image/sub/recruit/recruit/confirm/btn.png") no-repeat; }

/* 탈락 */
#reject { position:relative; width:100%; height:100%; }
#reject .container { position:relative; width:80%; height:146px; margin:0 auto 5% auto; background:#fff; line-height:24px; font-size:13px; color:#1b1b1b; word-break:keep-all; padding:7% 5%; }

/* 합격 */
#pass { position:relative; width:100%; height:100%; }
#pass .container { position:relative; width:80%; height:146px; margin:0 auto 5% auto; background:#fff; line-height:24px; font-size:13px; color:#1b1b1b; word-break:keep-all; padding:7% 5%; }
#pass .container h2 { width:100%; font-size:4vw; color:#1b1b1b; word-break:keep-all; line-height:32px; text-align:center; }
@media (max-width:400px) { 
#pass .container h2 { font-size:16px; }
}
#pass .container p { margin-top:15px; line-height:24px; font-size:13px; color:#1b1b1b; word-break:keep-all; }
#pass .container p strong { font-weight:bold; }
#pass button { display:block; position:relative; margin:30px auto; width:180px; height:50px; border:none; cursor:pointer; background:url("../../image/sub/recruit/recruit/confirm/btn_passed.png") no-repeat; }