/*학점은행제>표준교육과정*/
.credit_box {font:NanumGothic; font-size:14px; font-weight:normal; margin:30px 10px;}
.credit_box .color_area {width:120px; height:50px; background-color:#cddff2; color:#14449a; padding:5px; font-weight:bold; text-align:center; vertical-align:middle;}
.credit_box td ul {padding-left:8px;}
.credit_box .arrowDimg {height:50px; background:url(../img/creditbank/arrow_down.png) no-repeat center center; background-size:70px 45px;}
.tableC01 ul {margin:5px 0 0 5px;}
.tableC01 ul li {text-align:left;}


/*학점은행제>학점은행제란?*/
.finalTbl {position:relative; width:100%; margin-top:20px; overflow:auto; margin-bottom:20px;}
.finalTbl table {width:820px; border-spacing:0; font-family:NanumGothic; margin-left:5px;}

.finalTbl thead {display:table-caption; padding-bottom:38px; background:url(../img/creditbank/arrows.png) no-repeat right bottom; background-size:675px ;}
.finalTbl thead th {width:165px; height:68px; border-right:5px solid #fff; border-left:5px solid #fff; color:#fff; font-size:15px; text-align:center; background:#005e93; font-weight:900;}
.finalTbl thead th:first-child {background:#123867; border-left:none;}

.finalTbl tbody th:first-child {background:#123867; border-left:none;}
.finalTbl tbody th span {display:block; height:50px; border:2px solid #005e93; background:#fff; color:#005e93; font-size:15px; text-align:center; line-height:50px;}
.finalTbl tbody th.sb {background:#7188a4;}
.finalTbl tbody td {padding:10px; border:5px solid #fff; background:#f5f5f5; font-size:14px;}
.finalTbl tbody .tbc {padding-left:10px; text-align:left; vertical-align:top;}
.finalTbl tbody .tbc .conT {position:relative; color:#000; font-size:14px; line-height:1.5em; background:url(../img/common/blue_dot.png) no-repeat left 8px; padding-left:10px; background-size:5px;}
.finalTbl tbody .tbc .conLi li {position:relative; color:#000; font-size:14px; line-height:1.5em;}
.finalTbl tbody th, tfoot th {height:50px; border:5px solid #fff; color:#fff; font-size:15px; text-align:center; font-weight:900;}

.finalTbl tfoot th {border-left:none; border-right:5px solid #fff; padding-top:40px;}
.finalTbl tfoot th span {display:block; height: 50px; padding-top:5px; background:#123867; color:#fff; font-size:15px; text-align:center; line-height:50px;}
.finalTbl tfoot tr td:last:child {border-right:none;}
.finalTbl tfoot tr td {padding-top:40px; background:url(../img/creditbank/arrow_down.png) no-repeat top center; background-size:70px 40px;}
.finalTbl tfoot tr td span {display:block; height:50px; padding-top:5px; line-height: 45px; background:#005e93; color:#fff; font-size:15px; text-align:center;}

.finalTbl .respBox {position:absolute; width:100%; height:100%; z-index:1; vertical-align:middle; text-align:center;margin-left:5px;}
.finalTbl .respBox .dim {position:absolute; width:100%; height:100%; background-color:#000; opacity:0.5; filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.finalTbl .respBox p.txt {width:100%; position:relative; z-index:2; display:table-cell; padding:0 5%; font-size:18px;vertical-align:middle; background:url(../img/creditbank/scroll.png) center 30% no-repeat; background-size:70% auto; color:#fff; font-weight:bold;}


/*회원가입*/
main {margin-bottom:100px;}

.agree p span {right:10px;}
.agree textarea {width:93%; height:70px; margin:0 3% 15px 3%; font-family:"NanumGothic"; font-size:12px; border:1px solid #D4D4D4; color:#404040; overflow-y: auto; overflow-x:hidden;}
.agree .agree_table dt {border-top:1px solid #dbdbdb; height:55px; width:100%; text-align:left;}
.agree .agree_table dt p {font-weight:600; font-size:16px; color:#000; display:inline-block; line-height:55px; letter-spacing:-1px; margin-left:38px;} 
.agree .agree_table dt div {position:absolute; background:url(../img/join/arrow_updown.png) no-repeat; width:20px; height:10px; background-size:contain; right:5px; background:red;}
.agree .agree_table dt.lastline {border-bottom:1px solid #dbdbdb;}
.agree .agree_table dt span {margin-right:11px; margin-top:22px;}
.agree .agree_table dt a {display:block;}
.agree .all {width:180px; height:40px; margin:20px auto;}
.agree .all p {width:200px; position:relative; left:0px; top:-11px;}


	/*체크박스*/
.agree div.mid_title input[type="checkbox"] + label {position:absolute; right:95px;margin-top:4px;}
.agree div.mid_title p {margin-left:25px;}
.agree_table input[type="checkbox"] + label {position:absolute; margin:17px 0 0 0; left:12px;}

.agree .p2 {text-align:center; margin-bottom:15px;}

	/*버튼*/
.btn_area {position:fixed; bottom:0; width:100%; text-align:center; height:70px; line-height:70px; color:#fff; font-family:'NanumSquare'; font-size:18px; z-index:99999;}
.btn_area .btn_ok, .btn_cancel {width:50%; float:left;  font-weight:900;}
.btn_area div.btn_ok {background:#2280c3;}
.btn_area div.btn_cancel {background:#c9c9c9;}

.joincheck {margin:30px auto; width:90%;}
.joincheck .title {font-family:'NanumGothic'; font-weight:900; font-size:14px; margin:0 20px;}
.joincheck .inputStyle {display:block; height:30px; padding:5px 10px; border:none; border-bottom:2px solid #dbdbdb; width:80%; font-family:'NanumSquare'; font-weight:bold; font-size:18px; margin:5px 20px; color:#605c5c; border-radius:0;}
.joincheck .title span {color:#605c5c;}
.joincheck .formGroup span {font-size:13px; margin: 0 0 0 20px;}
.joincheck .hpNum {appearance: none; -webkit-appearance: none; width:29%; height:40px; border:1px solid #dbdbdb; font-size:15px; background:url(../img/common/select_arrow.png) no-repeat right 13px center; padding-left:10px; border-radius:5px; background-size:9px;}
.joincheck .hpNum option {height:25px; padding:4px; text-align:center;}
.joincheck .hpGroup {display:block; margin:20px;}
.joincheck .hpinput {appearance: none; -webkit-appearance: none; width:29%; margin:0px 0px 10px 0px; border:1px solid #dbdbdb; padding:10px 4px; border-radius:5px;font-size:15px;}

.jointable {width:100%; font-size:14px; margin: 0 0 10px 0; border-top:2px solid #7ea6d1; border-bottom:2px solid #7ea6d1;}
.jointable tr {height:60px; border-top:1px solid #c6d8ea;}
.jointable th {border:none; font-weight:bold; color:#2280c3;}
.jointable td {border:none;}
.jointable td p {font-size:12px; margin-left:13px; margin-bottom:5px;}
.jointable button {width:100px; height:30px; color:#fff; font-size:13px; font-family:'NanumSquare'; font-weight:bold; background:#2280c3; border:none;}

.inputStyle2 {appearance: none; -webkit-appearance: none; height:25px; padding:5px 10px; border:1px solid #dbdbdb; width:82%; font-family:'NanumGothic'; font-weight:bold; font-size:15px; margin:5px 5px; color:#605c5c; border-radius:5px;}
.inputshort {width:20%; margin-right:0;}
.readonly {background:#ddd;}
.notiTail {font-size:13px; font-family:'NanumGothic'; width:95%; margin:0 auto;}


/*idpw찾기*/
.jointable .hpNum {appearance: none; -webkit-appearance: none; width:28%; height:37px; border:none; border:1px solid #dbdbdb; font-size:15px; background:url(../img/common/select_arrow.png) no-repeat right 13px center; padding-left:10px; border-radius:5px; margin-left:5px; background-size:9px;}
.resultId {width:100%; height:80px; text-align:center; line-height:70px; font-family:'NanumSquare';}
.resultId p {font-size:15px; }
.resultId p strong {font-size:20px; color:#000!important; background-color:#ddf6cd;}