/******** 피씨용 로그인 화면 ********/
/* index 배경이미지 */
.main #visual {position:relative; height:800px; box-sizing:border-box; display:flex; justify-content:center;}
.main .main_img {position:absolute; height:800px; box-sizing:border-box;}

/* 왼쪽 공지사항 박스 */
.info-box, .login-box {height:800px; align-items:end;}

.info-box {display:flex;}
.info-box .info {width:330px; height:300px; margin-left:10px; background-color:rgba(0,0,0,0.75); display:flex; flex-direction:column; justify-content:center; align-items:center;}
.info-box .info p {color:#fff; font-size:13px;}
.info-box .info p span {color:#84d9eb;}
.info-box .info p.tit {font-size:16px; font-weight:bold; margin-bottom:10px;}

/* 오른쪽 로그인 박스 */
.login-box {padding:80px 40px !important; background-color:#e5e5e5;}
.login-box h2 {color:#b01f24; font-size:30px; font-weight:800;}
.login-box p {font-size:12px; color:#151515; line-height:20px; margin-top:38px;}

.login-box .idpw-box {border-top:1px solid #777777; border-bottom:1px solid #777777; margin:40px 0; padding:40px 0;}
.idpw-box > div {position:relative;}
.idpw-box > div label {width:100%; position:relative;}
.idpw-box > div input {width:100%; height:48px; line-height:45px; font-size:15px; text-indent: 110px; border: 1px solid #ddd; font-weight:bold;}
.idpw-box > div::after {content:""; position:absolute; width:55px; top:5px; left:30px; font-size:24px; color:#777777; border-right:1px solid #ddd;}
.idpw-box > div.id::after {content: "\f007"; font-family: "Font Awesome 5 Free"; font-weight: 900;}
.idpw-box > div.pw::after {content: "\f023"; font-family: "Font Awesome 5 Free"; font-weight: 900;}

/* 버튼 */
.btn-login {width:100%; font-size:24px !important; font-weight:800 !important;}