@charset "utf-8";

#popWrap { padding: 5px 30px; border-top: 7px solid #00448c; color: #444;}
#popWrap h1 { margin-bottom: 15px; font-size: 28px; color: #000;}
#popWrap h2 { margin: 35px 0 10px; font-size: 18px;  color: #222;}
#popWrap .tit-desc { margin-bottom: 20px;}
#popWrap .btn-right { margin-top: 10px; text-align: right;}
#popWrap .btn-center { margin-top: 27px; text-align: center;}

/* table */
.pop-tbl01 table { width: 100%;}
.pop-tbl01 th { padding: 10px 20px; font-size: 13px; border-top: 1px solid #bec9d2; background: #f1f1f1;}
.pop-tbl01 td { padding: 20px; border-bottom: 1px solid #bcc7d0; text-align: center;}

.pop-tbl02 table { width: 100%;}
.pop-tbl02 th { padding: 20px; font-size: 13px; border-top: 1px solid #bec9d2; border-bottom: 1px solid #bcc7d0; background: #f1f1f1;}
.pop-tbl02 td { padding: 10px 20px; border-top: 1px solid #bec9d2; border-bottom: 1px solid #bcc7d0;}

.pop-tbl03 table { width: 100%;}
.pop-tbl03 th { padding: 15px 22px; font-size: 13px; border-top: 1px solid #bec9d2; border-bottom: 1px solid #bcc7d0; background: #f8f9fa; font-weight:normal; text-align:right; }
.pop-tbl03 td { padding: 10px 20px; font-size:13px; border-top: 1px solid #bec9d2; border-bottom: 1px solid #bcc7d0;}
.pop-tbl03 td .td-p { padding-top:8px; color:#000;}
.pop-tbl03 td input { padding:9px 0; font-size:11px; line-height:11px; text-align:center; color:#000;}
.pop-tbl04 td input { padding:6px 0; font-size:11px; line-height:11px; text-align:center; color:#000;}

.pop-tbl04 th { font-weight:bold !important; }
.pop-tbl04 th{ text-align:center !important; }

.pop-tbl05 th { font-style:15px; font-weight:bold; text-align:center; border-right:1px solid #d7d7d7; }
.pop-tbl05 td { text-align:center; }
.pop-tbl05 tbody th { background:none; }
span.red { color:red; }
/* 로그인 */
.pop-login { width: 390px;}
.pop-login .sns { overflow: hidden; width: 230px; padding: 30px 80px; margin-bottom: 30px; border-bottom: 1px solid #ddd; background: url('/img/popup/login_bg.gif') no-repeat 155px 0;}
.pop-login .sns ul { width: 320px;}
.pop-login .sns li { float: left; margin-right: 85px;}

.gen-login h2 { margin-bottom: 20px;}
.gen-login .login-box { position: relative; width: 362px; padding: 25px 15px; background: url('/img/popup/login_box.gif') no-repeat 0 0;}
.gen-login dl { overflow: hidden; width: 262px;}
.gen-login dt { float: left; width: 60px; padding-top: 8px; margin-bottom: 10px;}
.gen-login dd { float: left; margin-bottom: 10px;}
.gen-login .btn-login { position: absolute; width: 102px; right: 14px; top: 24px; }

.fb-login { overflow: hidden; width: 100%; padding-top: 18px; margin-top: 18px; border-top: 1px solid #ddd; }
.fb-login .txt { float: left; padding: 5px 0 0 10px;  background: url('/img/share/bu_example03.gif') left 11px no-repeat; letter-spacing: -1px; }
.fb-login .btn { float: right; }

/* 기본정보 등록하기 */
.reg-form label { margin: 0 8px 0 25px;}
.terms-cont { height: 95px; padding: 20px; border-top: 1px solid #626262; border-bottom: 1px solid #626262; overflow-y: auto; font-size: 14px;}
.terms-cont .agreement,
.terms-cont .privicy { font-size: 14px;}
#popWrap .terms-cont .agreement h2 { margin-top: 0; font-size: 16px;}
#popWrap .terms-cont .privicy h2 { font-size: 16px;}
.terms .agree { margin-top: 10px; text-align: right;}
.terms .agree span { padding-left: 7px; color: #aeaeae;}
.terms .agree label { margin: 0 5px 0 10px; font-size: 13px; color: #666;}

.service-use { overflow: hidden; width: 100%; padding-bottom: 25px; border-bottom: 1px solid #626262;}
.service-use h2 { float: left;}
.service-use .check { float: left; margin: 40px 0 0 30px;}
.service-use .check label { margin-left: 20px;}
.service-use  input { vertical-align: middle;}

/* 수강신청 내역조회 */
.course-inq { border-top: 1px solid #767676; color: #444;}
.course-inq dl { position: relative; overflow: hidden; width: 800px; padding: 20px 0; margin: 0 auto;}
.course-inq dt { float: left; margin-right: 10px; font-size: 15px;}
.course-inq dt label { vertical-align: middle;}
.course-inq dd { float: left;}
.course-inq .btn { position: absolute; right: 10px; top: 19px;}
.course-noti { margin-top: 30px;}
.course-noti li { padding-left: 10px; text-indent: -10px; font-size: 13px; line-height: 1.8; color: #767676;}

/* 과정명 안내 */
.process { padding-top: 30px; border-top: 1px solid #767676; color: #444;}
.process .pop-tbl02 { margin-bottom: 30px;}
.process .tbl-reg02 { border-top: 1px solid #bcc1c7;}
.process .tbl-reg02 tr th:first-child,
.process .tbl-reg02 tr td:first-child{ border-left: 0;}

/*  비밀번호 찾기 */
label.va-Top { vertical-align:40px; }
#popWrap .tit-desc { font-size:13px; padding-top:0;}
.btn-pop { text-align:center; margin-top:30px;}
.btn-close { position:absolute; right:10px; top:10px; }
.result-txt { text-align:center; font-size:22px; padding-top:106px}
    .pb138 { padding-bottom:138px; }
    .pb110 { padding-bottom:110px; }
    .result-txt span { text-decoration:underline; font-weight:bold;  }
.t-a { text-align:center; }

/* 비밀번호 입력 */
.passoword-input { padding: 20px 0; text-align: center; border-top: 1px solid #222; border-bottom: 1px solid #222;}

/* 입사지원 오류 */
.support-error { font-size:15px; border-top:1px solid #767676; border-bottom:1px solid #e5e5e5; text-align:center; background:#f8f9fa; padding:32px 0 28px;}
.support-error .C00379b { font-size:18px; color:#00379b; font-weight:bold; }

/* 증명사진 업로드 */
.photo .txt{ font-size:11px; }
.photo .txt span { font-size:13px; margin-left:-50px;}
.support-error input.file { background-color:#fff !important; width:280px; height:26px; }

/* 지원서보기*/
.text-R{ text-align: right; margin-bottom: 6px; }

/* 버튼*/

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Verdana;
	font-size:11px;
	padding:6px 13px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
}
.myButton:active {
	position:relative;
	top:1px;
}