/* 학교별 이미지 영역 (김포대학교) */
.ukp_bg { float:left; width:100%; height: 500px; background-color:rgba(0, 0, 0, 0.4); background:url("/images/main/ukp_bg.png") center top; }
.ukp_bg .header_color { float:left; width:100%; height: 500px; background-color:rgba(0, 0, 0, 0.7); }
.ukp_bg .header_color .header { margin:0 auto; width:1100px; height: 80px; margin-top: 40px; }
.ukp_bg .header_color .header .left { float:left; width:600px; height: 80px; background:url("/images/main/ukp_logo.png") no-repeat left top; }
.ukp_bg .header_color .header .right { float:left; width:500px; height: 80px; text-align: right; }

/* 학교별 이미지 영역 (경희대학교) */
.khu_bg { float:left; width:100%; height: 500px; background-color:rgba(0, 0, 0, 0.4); background:url("/images/main/khu_bg.png") center top; }
.khu_bg .header_color { float:left; width:100%; height: 500px; background-color:rgba(0, 0, 0, 0.7); }
.khu_bg .header_color .header { margin:0 auto; width:1100px; height: 80px; margin-top: 40px; }
.khu_bg .header_color .header .left { float:left; width:600px; height: 80px; background:url("/images/main/khu_logo.png") no-repeat left top; }
.khu_bg .header_color .header .right { float:left; width:500px; height: 80px; text-align: right; }

/* 학교별 이미지 영역 (한국산업기술대학교) */
.kpu_bg { float:left; width:100%; height: 500px; background-color:rgba(0, 0, 0, 0.4); background:url("/images/main/kpu_bg.png") center top; }
.kpu_bg .header_color { float:left; width:100%; height: 500px; background-color:rgba(0, 0, 0, 0.7); }
.kpu_bg .header_color .header { margin:0 auto; width:1100px; height: 80px; margin-top: 40px; }
.kpu_bg .header_color .header .left { float:left; width:600px; height: 80px; background:url("/images/main/kpu_logo.png") no-repeat left top; }
.kpu_bg .header_color .header .right { float:left; width:500px; height: 80px; text-align: right; }

/* 학교별 이미지 영역 (계원예술대학교) */
.kaywon_bg { float:left; width:100%; height: 500px; background-color:rgba(0, 0, 0, 0.4); background:url("/images/main/kaywon_bg.png") center top; }
.kaywon_bg .header_color { float:left; width:100%; height: 500px; background-color:rgba(0, 0, 0, 0.7); }
.kaywon_bg .header_color .header { margin:0 auto; width:1100px; height: 80px; margin-top: 40px; }
.kaywon_bg .header_color .header .left { float:left; width:600px; height: 80px; background:url("/images/main/kaywon_logo.png") no-repeat left top; }
.kaywon_bg .header_color .header .right { float:left; width:500px; height: 80px; text-align: right; }

/* 학교별 이미지 영역 (명지전문대학교) */
.mjc_bg { float:left; width:100%; height: 500px; background-color:rgba(0, 0, 0, 0.4); background:url("/images/main/mjc_bg.png") center top; }
.mjc_bg .header_color { float:left; width:100%; height: 500px; background-color:rgba(0, 0, 0, 0.7); }
.mjc_bg .header_color .header { margin:0 auto; width:1100px; height: 80px; margin-top: 40px; }
.mjc_bg .header_color .header .left { float:left; width:600px; height: 80px; background:url("/images/main/mjc_logo.png") no-repeat left top; }
.mjc_bg .header_color .header .right { float:left; width:500px; height: 80px; text-align: right; }

/* 학교별 이미지 영역 (명지대학교) */
.mju_bg { float:left; width:100%; height: 500px; background-color:rgba(0, 0, 0, 0.4); background:url("/images/main/mju_bg.png") center top; }
.mju_bg .header_color { float:left; width:100%; height: 500px; background-color:rgba(0, 0, 0, 0.7); }
.mju_bg .header_color .header { margin:0 auto; width:1100px; height: 80px; margin-top: 40px; }
.mju_bg .header_color .header .left { float:left; width:600px; height: 80px; background:url("/images/main/mju_logo.png") no-repeat left top; }
.mju_bg .header_color .header .right { float:left; width:500px; height: 80px; text-align: right; }


/* 공통버튼 (교직원 회원가입, 공인인증서 등록) */
.btn_member { display:inline-block; width:160px; height:50px; color:#FFF; text-align: center; font-size:15px; line-height:50px; border:1px solid #FFF; margin-right: 10px; }
.btn_member:hover { text-decoration:underline; }
.btn_certificate { display:inline-block; width:160px; height:50px; color:#FFF; text-align: center; font-size:15px; line-height:50px; border:1px solid #FFF; }
.btn_certificate:hover { text-decoration:underline; }


/* 로그인 영역 
.loginArea { float:left; width:100%; height: 200px; background-color: #f2f2f2; }
.loginArea .loginBox { margin:0 auto; width:600px; height: 120px; }
.loginArea .loginBox .txt1 { float:left; width:600px; height: 32px; font-size:20px; color:#000; margin-top: 45px; }
.loginArea .loginBox .inputArea { float:left; width:600px; height: 60px; }
.loginArea .loginBox .inputArea .input { float:left; width:350px; height: 60px; font-size:20px; color:#000; }
.loginArea .loginBox .inputArea .loginBtn { float:left; width:250px; height: 60px; }
.input_box { height:46px; color:#333333; font-size:20px; border: 1px #A0A0A0 solid; background-color:#FFF; padding-left:5px; text-align:center; }
.btn_login { display:inline-block; width:240px; height:50px; color:#FFF; text-align: center; font-size:18px; line-height:48px; background-color: #3b3b3b; }
.btn_login:hover { background-color: #242424; }
.loginArea .loginBox .txt2 { float:left; width:800px; font-size:15px; color:#555555; }*/


/* 푸터 */
.footer_area { float:left; width:100%; height:200px; border-top:1px solid #d6d6d6; }
.footer_txt_area { float:left; width:100%; height:150px; }
.footer_txt { margin: 0 auto; width:1200px; height:150px; }
.footer_add { text-align:center; color:#767676; font-size:15px; line-height:160%; padding-top:45px; } 
.copyright { text-align:center; color:#767676; font-size:13px; padding-top:15px; }
.bar1 { margin: 0 15px 0 15px; color: #D6D6D6; }


/* 로그인 영역 (수정, 임시, 아이디로그인 추가) */
.loginArea { float:left; width:100%; height: 200px; background-color: #f2f2f2; }
.loginArea .loginBox { margin:0 auto; width:1200px; height: 120px; }
.loginArea .loginBox .idLogin { float:left; width:700px; height: 120px; }
.loginArea .loginBox .idLogin .txt1 { float:left; width:700px; height: 32px; font-size:20px; color:#000; margin-top: 45px; }
.loginArea .loginBox .idLogin .inputArea { float:left; width:700px; height: 60px; }
.loginArea .loginBox .idLogin .inputArea .input { float:left; width:450px; height: 60px; font-size:20px; color:#000; }
.loginArea .loginBox .idLogin .inputArea .loginBtn { float:left; width:200px; height: 60px; }
.loginArea .loginBox .idLogin .txt2 { float:left; width:700px; font-size:15px; color:#555555; }

.loginArea .loginBox .certificateLogin { float:left; width:500px; height: 120px; }
.loginArea .loginBox .certificateLogin .txt1 { float:left; width:500px; height: 32px; font-size:20px; color:#000; margin-top: 45px; }
.loginArea .loginBox .certificateLogin .inputArea { float:left; width:500px; height: 60px; }
.loginArea .loginBox .certificateLogin .inputArea .input { float:left; width:300px; height: 60px; font-size:20px; color:#000; }
.loginArea .loginBox .certificateLogin .inputArea .loginBtn { float:left; width:200px; height: 60px; }
.loginArea .loginBox .certificateLogin .txt2 { float:left; width:500px; font-size:15px; color:#555555; }

.input_box { height:46px; color:#333333; font-size:20px; border: 1px #A0A0A0 solid; background-color:#FFF; padding-left:5px; text-align:center; }
.btn_login { display:inline-block; width:200px; height:50px; color:#FFF; text-align: center; font-size:18px; line-height:48px; background-color: #3b3b3b; }
.btn_login:hover { background-color: #242424; }

.btn_idLogin { display:inline-block; width:160px; height:50px; color:#FFF; text-align: center; font-size:18px; line-height:48px; background-color: #3b3b3b; }
.btn_idLogin:hover { background-color: #242424; }

/* 푸터 (학교 로그인 페이지, 2025년 12월 2일 */
.footer-Area { float:left; width:100%; height:200px; border-top:1px solid #d6d6d6;  }
.footer { margin: 0 auto; width:1200px; height:200px; }

.footer-left { float:left; width:800px; height: 200px; }
.footer-txt { float:left; width:800px; height: 80px; color:#767676; font-size:14px; line-height:200%; margin-top: 50px; } 
.copyright1 { float:left; width:800px; height: 50px; color:#767676; font-size:12px; }
.bar2 { margin: 0 10px 0 10px; color: #D6D6D6; }

.footer-right { float:left; width:400px; height: 150px; text-align: right; margin-top: 50px; }