@charset "utf-8";

/* 로그인 */
.form_box{position: absolute; top: 50%; left: 50%; width: 600px; margin: -200.5px 0 0 -300px; padding: 40px 50px; background: #fff; box-shadow: 0 4px 30px 0 rgb(0 0 0 / 10%); box-sizing: border-box;}
.form_box .logo_wrap{text-align: center; margin-bottom: 40px;}
.form_box .login_wrap h1{text-align: center; color: #3366cc; font-size: 1.25em; margin-bottom: 20px;}
.form_box .login_wrap .field_wrap{position: relative; height: 45px;}
.form_box .login_wrap .field_wrap:first-of-type{margin-bottom: 10px;}
.form_box .login_wrap .field_wrap label{pointer-events: none; position: absolute; left: 15px; top: 50%; margin-top: -7.5px;}
.form_box .login_wrap .field_wrap input{width: 100%; height: 100%; background: none; border: 1px solid #c2c2c2; -webkit-transition: border-color .25s ease; transition: border-color .25s ease;}
.form_box .login_wrap .field_wrap input:focus{outline: 0; border-color: #3366cc;}
.form_box .login_wrap .btn_login{display: block; font-weight: bold; width: 100%; padding: 15px 0; max-height: 55px; margin-top: 40px; font-size: 1.375em; letter-spacing: -0.05em; background: #0c4ca4; color: #fff; -webkit-appearance: none; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}


/* 비밀번호 변경 */
#container{position: absolute; left: 290px; right: 0; height: 100%;}
.contents{position: relative; height: 100%; padding: 40px 100px;}
.contents .main_tit{text-align: right; font-size: 1.25em; font-weight: bold; color: #333; letter-spacing: -0.05em;}
.contents .cont_area{position: relative; height: 100%;}
.contents .cont_area .pw_box{position: absolute; top: 50%; left: 50%; margin: -150px 0 0 -300px; width: 600px; height: 300px; padding: 68px 30px 48px; background: #f8f8f8; border-top: 1px solid #222;}
.contents .cont_area .pw_box .fm_group{position: relative; padding-left: 150px; margin-bottom: 20px;}
.contents .cont_area .pw_box .fm_group:last-of-type{margin-bottom: 0;}
.contents .cont_area .pw_box .fm_group span{position: absolute; top: 0; left: 0; line-height: 32px; color: #191919; letter-spacing: -0.05em;}
.contents .cont_area .pw_box .fm_group strong{line-height: 32px;}
.contents .cont_area .pw_box .fm_group label{position: absolute; top: 0; left: 0; line-height: 32px; color: #191919; letter-spacing: -0.05em;}
.contents .cont_area .pw_box .fm_group input{width: 100%;}
.contents .cont_area .pw_box .btn_confirm{width: 100%; margin-top: 60px; padding: 10px 0; font-size: 1.25em; text-align: center; background: #075caf; color: #fff;}

/* 증명서 등록 */
.updateWrap{margin: 40px 0 0; padding: 0 0 40px;}


/* 공지사항 */
.contents .cont_tit{font-size: 1.25em; font-weight: bold; color: #333; margin: 0 0 20px;}


/* 공지사항 작성 */
.contents .write_tit{font-size: 1.25em; font-weight: bold; color: #333; margin: 0 0 40px;}


/* 테이블 type01 */
.tbl_type01 td:nth-child(1){text-align: left; padding: 0 10px;}
.tbl_type01 td button a{display: inline-block; padding: 5px 10px; border: 1px solid #d2d2d2; border-radius: 3px;}


/* 테이블 type02 */
.tbl_type02 td{text-align: left; padding: 0 10px;}
.tbl_type02 .td_save{font-size: 0;}
.tbl_type02 .td_save > div{margin-right: 10px;}
.tbl_type02 .td_save > div:last-child{margin-right: 0;}
.tbl_type02 .td_save .reguser{width: 150px; border: 1px solid #ddd;}
.tbl_type02 .file_name{height: 80px;}
.tbl_type02 .file_name > div > div{line-height: 40px;}

/* 테이블 type03 */
.tbl_type03 td:nth-child(2){text-align: left; padding: 0 10px; cursor: pointer;}
.tbl_type03 td input[type='checkbox']{width: 16px; height: 16px;}