@charset "utf-8"; 
/* CSS Document */
@import url("common.css");

/*wrap*/
.wrap{width:1235px; margin:100px auto 50px auto;  }
.wrap:after{clear:both; display:block; content:"";}
#login_bg{position:absolute; top:0; bottom:0; left:0; right:0; background:url(../images/login/bg.gif) no-repeat center top; min-width:1235px;width:100%;height:100%; background-size:cover; z-index:-99;}
#login_bg:after{clear:both; display:block; content:"";}
/*loginbox*/
.loginbox{margin:40px 0 0 208px; width:900px; }
/*notice*/
.loginbox .notice{background-color:#fff; width:340px; height:433px; border-bottom:3px solid #eff0f2; float:left; display:inline-block;  margin-top:32px; padding:28px 35px; box-sizing:border-box;} 
.loginbox .notice h2{background:url(../images/login/notice_icon.png) no-repeat left top; height:41px; line-height:41px; padding:0 0 17px 45px; font-size:26px; font-weight:500; color:#555; letter-spacing:-2px; border-bottom:1px dashed #d9d9d9; }
.loginbox .notice h2 span{color:#fe7d00;}
.loginbox .notice ul{margin-top:24px;}
.loginbox .notice ul li{line-height:38px;  background:url(../images/login/bullet.gif) no-repeat left 8px; padding-left:12px; font-size:15px; color:#787878; font-weight:300;}
.loginbox .notice ul li:after{clear:both; display:block; content:"";}
/* .loginbox .notice ul li a{ line-height:22px; display:block;max-width:90%;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#555;  font-weight:500; letter-spacing:-1px;} */
.loginbox .notice ul li a:hover{color:#000; }
/* .loginbox .notice ul li span.date{ line-height:22px; font-weight:100; } */
/*tab*/
.loginbox #site_tab{width:400px; height:492px; background-color:#001d63; display:inline-block; float:left;}
.sub_tab{width:100%;}
.sub_tab li{float:left;}
.sub_tab li a{height:50px; line-height:50px; font-weight:300;  font-size:16px; width:200px; background-color:#263f7a; display:inline-block; text-align:center; color:#fff; cursor:pointer;}
.sub_tab li.sub_tab_on a.on{height:50px;  line-height:50px; display:inline-block; font-wieght:500; font-size:16px; color:#fff; background-color:#001d63; width:200px; text-align:center;}
.sub_tab li.sub_tab_on a.on span{background:url(../images/login/tab_over.gif) no-repeat center bottom; padding-bottom:10px; font-weight:500;}
.none{display:none;}
.ocrt_01{clear: both; padding: 30px; box-sizing: border-box;}
.ocrt_01 #idsave{float:left;  vertical-align:middle;}
.ocrt_01 .idsave{color:#dfe2e8; margin:0 0 0 10px; height:18px; line-height:18px; }
.ocrt_01 fieldset ul li{width:100%; height:50px; line-height:50px; background-color:#fff;margin-top:15px; flex: 1;display: flex;align-items: center;padding: 0 8px;}
.ocrt_01 fieldset ul li span{ display:inline-block; font-size:14px; color:#787878;margin:0 0 0 5px; padding:0 0 0 25px; width:70px;  border-right:1px solid #e5e5e5; height:25px;  line-height:25px;vertical-align:middle; width: 100px;}
.ocrt_01 fieldset ul li.uid span{background:url(../images/login/id_icon.png) no-repeat left center; }
.ocrt_01 fieldset ul li.upw span{background:url(../images/login/pw_icon.png) no-repeat left center; }
.ocrt_01 fieldset ul li input{ border:none; width: 90%; margin-left:10px; height: 40px;  line-height: 40px; vertical-align:middle;  font-size:13px; color:#787878; font-weight:300; outline: none; background: transparent;}
a.loginbtn {width: 100%; height: 70px; line-height: 70px; text-align: center; display: block; border: 3px solid #334a82; font-size: 20px; font-style: italic; color: #fff; box-sizing: border-box; margin-top: 40px}
a.loginbtn:hover{background-color:#fff; color:#001d63; border:3px solid #fff;}
/*findarea*/
.findarea{margin-top:35px;}
.findarea li{float:left; display:inline-block; padding-left:60px; height:50px; line-height:50px; }
.findarea li a{font-size:15px; color:#fff; font-weight:300;}
.findarea li a:hover{ font-weight:500;}
.findarea li.find_id{background:url(../images/login/id_find_icon.png) no-repeat left center; margin-right:10px;}
.findarea li.find_pw{background:url(../images/login/pw_find_icon.png) no-repeat left center;}
/*quickservice*/
.loginbox .quickservice{width:158px; height:31px; display:inline-block; float:left; margin-top:32px;}
.loginbox .quickservice a{width:100%; background-color:#555555;height:62px; display:inline-block; border-bottom:1px solid #4c4c4c;}
.loginbox .quickservice a span{ margin:15px 0 0 8px; display:inline-block; height:34px; line-height:34px; padding-left:45px; color:#b7b7b7; font-size:16px;  font-weight:300;}
.loginbox .quickservice a:hover span{color:#fff; font-weight:500;}
.loginbox .quickservice a.quick_01 span{ background:url(../images/login/quick_icon_01_off.png) no-repeat left center;}
.loginbox .quickservice a.quick_02 span{ background:url(../images/login/quick_icon_02_off.png) no-repeat left center;}
/* .loginbox .quickservice a.quick_03 span{ background:url(../images/login/quick_icon_03_off.png) no-repeat left center; line-height:18px; font-size:14px;}
.loginbox .quickservice a.quick_04 span{ background:url(../images/login/quick_icon_04_off.png) no-repeat left center;line-height:18px;font-size:14px;} */
.loginbox .quickservice a.quick_05 span{ background:url(../images/login/quick_icon_05_off.png) no-repeat left center;line-height:18px;font-size:14px;}
.loginbox .quickservice a.quick_01:hover span{ background:url(../images/login/quick_icon_01_on.png) no-repeat left center;}
.loginbox .quickservice a.quick_02:hover span{ background:url(../images/login/quick_icon_02_on.png) no-repeat left center;}
.loginbox .quickservice a.quick_03:hover span{ background:url(../images/login/quick_icon_03_on.png) no-repeat left center;}
.loginbox .quickservice a.quick_04:hover span{ background:url(../images/login/quick_icon_04_on.png) no-repeat left center;}
.loginbox .quickservice a.quick_05:hover span{ background:url(../images/login/quick_icon_05_on.png) no-repeat left center;}
.loginbox .quickservice a:hover{background-color:#8db92e; }
/*footer*/
#footer{width:100%; letter-spacing:0; min-width:1280px;}
#footer p{text-align:center; font-size:14px; letter-spacing:0; color:#787878; font-weight:300;}



/* 2018.07.24, yjchoi, 교원대 로고 일반공지와 줄맞춤 */
.wrap h1{margin-left:204px;}

/* 2018.07.24, yjchoi, 일반공지 제목, 날짜 맞춤 */
/* .loginbox .notice ul li a{ line-height:22px; display:inline-block;max-width:70%;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333;  font-weight:500; letter-spacing:normal;} */
/* .loginbox .notice ul li span.date{ line-height:22px; font-weight:100;} */

/* 2018.07.25, yjchoi, 우측 링크 영역 조정 */
.loginbox .quickservice a.quick_03 span{ background:url(../images/login/quick_icon_03_off.png) no-repeat left center;}
.loginbox .quickservice a.quick_04 span{ background:url(../images/login/quick_icon_04_off.png) no-repeat left center;}

/* 2018.07.24, 인증서 등록 버튼 관련 조정 */
.findarea li.cert{ padding-left:55px; }

/* 2025.08.11 일반공지 제목 줄 수 및 날짜 여백 수정  */
.loginbox .notice ul li a{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:22px; overflow:hidden; text-overflow:ellipsis; color:#333; font-weight:500; letter-spacing:normal;}
.loginbox .notice ul li{height: 80px;}
.loginbox .notice ul li span.date{line-height: 22px; font-size: 12px; font-weight: 100; float: left;}

/* 2026.02.26 로그인 창 조정 */
.login-wrap {display: flex; align-items: stretch; gap: 15px;}
.login-wrap ul {flex: 1; margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column;}
.login-btn-wrap {display: flex; align-items: flex-end; margin-left: 10px;}
.btn-login-normal {width: 90px; height: 96px; border: 3px solid #334a82; color: #fff; font-size: 15px; font-style: italic; text-align: center; cursor: pointer; line-height: 1.4; display: flex; align-items: center; justify-content: center;}
.btn-login-normal:hover{background-color: #fff; color: #001d63; border: 3px solid #fff;}

/* 2026.03.13 로그인 창 조정  */
/* 구분선 */
.login-divider {width: 100%; border: none; border-top: 1px dashed #334a82; margin: 20px 0;}
form, fieldset{margin-top: 20px;}
/* 아이디/비번 찾기 */
.ocrt_01 .findarea { list-style: none; padding: 0; display: flex; gap: 10px; margin: 10px 0; }
.ocrt_01 .findarea li a { color: #dfe2e8; font-size: 15px; text-decoration: none; }
.findarea li.find_id{background-size: 35px 35px; padding-left: 50px;}
.findarea li.find_pw{background-size: 35px 35px; padding-left: 50px;}
/* 중단 알림 문구 */
.login-notice { color: #f4c430; font-size: 13px; margin-top: 10px; }