/* common */

.red {color: #b27b73;}
.form-control {display: inline-block; height: 40px; font-size: 16px; color: #777777; border: 1px solid #e5e5e5; padding: 0 20px; line-height: 40px; border-radius: 3px; }
.form-control:focus {border-color: #66afe9;  outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)} 


/* sv */
#sv {background: url("/img/main/main-top-visual.jpg") no-repeat center; width: 100%; height: 140px;}
.top-visual {background: url("/img/main/main-top-visual.jpg") no-repeat center; width: 100%; height: 140px;}
.top-visual > .inner1300 {width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between;}
.top-visual h2 {color: #fff; font-weight: bold; font-size: 30px;}
.top-visual .right-con {}
.top-visual .right-con button {width: 90px; height: 90px; border: 1px solid rgba(255, 255, 255, 0.2);  border-radius: 8px; color: #fff; background: none; font-size: 13px; letter-spacing: -0.15px; padding: 0; margin-left: 10px; font-weight: 300; cursor: pointer; font-family: 'Noto Sans KR';}
.top-visual .right-con button img {display: block; margin: 0 auto 14px;}
.top-visual .right-con button:first-child {background: url(/img/common/notice-btn.png) no-repeat center 19px; padding-top: 38px;}
.top-visual .right-con button:last-child {background: url(/img/common/download-btn.png) no-repeat center 19px; padding-top: 38px;}
.top-visual .right-con button:first-child:hover {background: #fff url(/img/common/notice-btn-on.png) no-repeat center 19px; color: #681e30; transition: background 0.6s ; font-weight: 400; } 
.top-visual .right-con button:last-child:hover {background: #fff url(/img/common/download-btn-on.png) no-repeat center 19px; color: #681e30; transition: background 0.6s ; font-weight: 400; } 

.sub-content {padding: 80px 0 100px;}
.sub-content h3 {color: #333333; font-size: 28px; font-weight: bold; text-align: center; letter-spacing: -0.15px;}
h4.h4-tit {color: #5d0e23; font-size: 19px; font-weight: 600; margin-bottom: 16px;}
h5.h5-tit {color: #333; font-size: 17px; font-weight: 500; margin-bottom: 22px; margin-top:20px; }

.listbox {  }
.listbox ul { padding-left:0; }
.listbox li:not(:last-child) { margin-bottom:15px }
.listbox li strong { display:block; color: #666; font-size: 15px; font-weight: 500; margin-bottom: 7px; }
.listbox li input { width:100%; }

/*=====================
		인사평가 시스템 
=====================*/
.sub-content .reset {text-align: right; margin-bottom: 15px;}
.sub-content .reset .reset-btn {background: none; border: none; color: #999999; font-size: 15px; font-family: 'Noto Sans KR';}
.sub-content .reset .reset-btn img {display: inline-block; margin-right: 7px;}
.search-box {background: #f7f7f7; width: 100%; height: 156px; display: flex; align-items: center; justify-content: space-between; padding: 0 40px; box-sizing: border-box;  }
.search-box > div > p {font-size: 16px; color: #333333; line-height: 1.4; font-weight: 500; margin-bottom: 13px;}
.search-box > div > input {color: #666;}
.search-box > div select {width: 190px;}
.search-box .search input {width: 330px;}
.search-box .search input::placeholder {font-size: 15px; color: #aaaaaa;}
.search-box .period input {width: 140px; color: #777777; font-size: 15px; font-family: 'Ubuntu', sans-serif; }
.search-box .btn-box {margin-top: 34px;}
.search-box .btn-box i {margin-right: 10px;}
.search-box .btn-box .search-btn {background: #333333; color: #fff; font-size: 16px; font-weight: 500; width: 152px; height: 45px; line-height: 44px; border: none;  border-radius: 5px; font-family: 'Noto Sans KR';}
.search-box .sort select, .search-box .place select {color: #aaa; font-family: 'Noto Sans KR'; letter-spacing: -0.15px;}
.search-box .sort select option, .search-box .place select option {color: #666;}
.search-box .sort select option:first-child, .search-box .place select option:first-child{color: #aaa;}

.sub-content {padding: 80px 0 50px; }
.sub-content h3 {color: #333; font-size: 28px; font-weight: bold; text-align: center; margin-bottom: 72px;}
.sub-content .tbl-con {width: 100%; margin-top: 60px;}
.sub-content .tbl-con .main-tbl {border-top: 2px solid #222222;}
.sub-content .tbl-con .main-tbl th { font-size: 17px; padding: 24px 5px;}
.sub-content .tbl-con .main-tbl td {padding: 10px 5px; font-size: 16px; text-align: center;}
.sub-content .tbl-con .main-tbl td.bdt {padding: 20px 0;}
.sub-content .tbl-con .main-tbl th .num {font-family: 'Palanquin', sans-serif; }
.sub-content .tbl-con .main-tbl td .num {font-family: 'Rubik', sans-serif;}
.sub-content .tbl-con .main-tbl .date {font-family: 'Ubuntu', sans-serif; letter-spacing: -0.15px;}
.sub-content .tbl-con .main-tbl .end {}
.sub-content .tbl-con .main-tbl .end p {color: #777; font-size: 15px; font-weight: 500; width: 134px; height: 48px; background: #dddddd; margin: 0 auto; border-radius: 5px; padding-top: 4px; line-height: 1.4; box-sizing: border-box;}
.sub-content .tbl-con .main-tbl .end p span {font-family: 'Ubuntu', sans-serif; display: block; /* font-size: 13px; */ font-size: 11px; font-weight: 400;}




#evaluat  {}
.sub-content .list-con {margin-bottom: 50px; }
.sub-content .info .box-con {width: 100%; height: 70px; border: 1px solid #e5e5e5;  background: #f7f7f7; padding: 0 59px; box-sizing: border-box;  display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}
.sub-content .info .box-con > div {display: flex; align-items: center; }
.sub-content .info .box-con > div > p {font-size: 16px; color: #333333; font-weight: 500; margin-right: 30px;}
.sub-content .info .box-con > div input {width: 255px; height: 40px; line-height: 40px;}
.sub-content .info .box-con .object {}
.sub-content .info .box-con .object p {margin-right: 20px;}
.sub-content .info .box-con .object span {font-size: 16px; color: #666666; letter-spacing: -0.15px;}
.sub-content .list-txt {padding: 15px 0 0; }
.sub-content .list-txt li {font-size: 15px; color: #888888; line-height: 1.7; font-weight: 400;}
.sub-content .list-txt li:before {content: "*"; margin-right: 8px; display: inline-block; vertical-align: middle;}
.sub-content .list-tit {color: #333; font-size: 15px; margin: 20px 0 13px; font-weight: 400;}
.sub-content .list-tit + .list-txt {padding-top: 0;}

.sub-content .sub-tbl th, .sub-tbl td {padding: 18px 5px; border: 1px solid #e5e5e5; text-align: center;}
.sub-content .sub-tbl th {font-size: 16px; color: #333333; font-weight: 500;}
.sub-content .sub-tbl .c-gray {color: #999; font-weight: 400;}
.sub-content .sub-tbl td {color: #666666; font-size: 16px; font-weight: 400;}
.sub-content .sub-tbl .txt-area {padding: 0;}
.sub-content .sub-tbl .txt-area textarea {width: 100%; height: 151px; font-size: 15px; color: #555;  border: none; padding: 13px; resize: none; box-sizing: border-box; background: #fff;}
.sub-content .sub-tbl .txt-area textarea:focus {outline: none;}
.check-box input[type="checkbox"]{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
.check-box input[type="checkbox"] + label { display:inline-block; position:relative; padding-left:26px; cursor:pointer; }
.check-box input[type="checkbox"] + label:before { content:''; position:absolute; left:0; width:14px; height:14px; text-align:center; background:#fff; border:1px solid #ccc; box-sizing:border-box;  top: 50%; transform: translateY(-50%);}
.check-box input[type="checkbox"]:checked + label:after{ content: ''; position:absolute;  left:0; width:14px; height:14px; background: url(/img/common/check.png) no-repeat center; top:0; top: 50%; transform: translateY(-50%);}

.sub-tbl2 th, .sub-tbl2 td {  text-align: center; line-height: 1.5;}
.sub-tbl2 th {font-size: 16px; color: #333333; font-weight: 500; border: 1px solid #d0d0d0; padding: 12px 5px;}
.sub-tbl2 th a { color:#333 }
.sub-tbl2 td {color: #555555; font-size: 16px; font-weight: 400; border: 1px solid #eeeeee; padding: 0;}
/* #evaluat .sub-tbl2 td.on {background: #b27b73; color: #fff;} */
.sub-tbl2 td.border-b {border-bottom: 1px solid #d0d0d0;}
.sub-tbl2 td.check-box {}
.sub-tbl2 td.check-box > div {display: inline-block;}
.sub-tbl2 td.check-box > div:first-child {margin-right: 30px;}
.sub-tbl2 td:last-child {border-right: 1px solid #d0d0d0;}
.sub-tbl2 .line2 {padding: 10px 15px; line-height: 1.4;}
.sub-tbl2 .t-txt {padding: 13px 5px; color: #999;}
.sub-tbl2 .view-t-txt {padding: 13px 5px; color: #555;}
.sub-tbl2 td button {background: none; border: none; }
table.sub-tbl2 th.bg-black {background: #444444; color: #ffffff; }
table.sub-tbl2 th.bg-red {background: #5d0e23; color: #ffffff; padding: 21px 5px; font-size: 17px; font-weight: 400;}
table.sub-tbl2 th.score {background: #f0f0f0;}
table.sub-tbl2 th.score .total {display: block; color: #5d0e23; font-size: 17px; font-weight: bold;}
table.sub-tbl2 .txt-left {text-align: left; padding-left: 15px; border-right: 1px solid #d0d0d0;}

/* 23.06.30 */
.description-box { position:relative; }
.description-box a { padding-right:10px; position:relative; display:block; line-height:1.5; overflow:hidden  }
.description-box i { position:absolute; right:3px; top:50%; transform:translateY(-50%); color:#5d0e23 }
.description-box.on i { transform:translateY(-50%) rotate(180deg); }
.description-box .box { position:absolute; left:-6px; top:calc(100% + 12px); width:950px; background:#fff; text-align:left; border:1px solid #333; display:none; z-index:10 }
.description-box .box:before{ content:''; display:block; width: 0; height: 0; border-bottom:5px solid #333; border-left:5px solid transparent; border-right:5px solid transparent; position:absolute; left:48px; top:-5px; }
.description-box.on .box { }
.description-box .box li { position:relative; padding:15px 20px 15px 0; color:#666; font-size:15px; font-weight:400; line-height:1.4; display:flex; align-items:center; }
.description-box .box li strong { position:relative; width:116px; text-align:center; font-weight:500; display:inline-block }
.description-box .box li:before { content:''; display:block; position:absolute; left:116px; top:0; width:1px; height:100%; background:#bbb; }
.description-box .box li .stxt { width:calc(100% - 120px - 15px); padding-left:15px}
.description-box .box li:not(:last-child) { border-bottom:1px solid #bbb; }

.sub-tbl2 .txt-con {padding: 7px 0;}
.sub-tbl2 .txt-con input {width: 60px; height: 35px;}
.sub-tbl2 .txt-con p {margin-bottom: 10px;}
.sub-tbl2 .txt-con p:last-child {margin-bottom: 0;}
.sub-tbl2 .txt-con span {font-size: 15px; color: #999;}
.form-radio{	width: 0;  height: 0;  position: absolute;  left: -9999px;}
.form-radio+ label{ margin: 0; padding: 14px 5px; box-sizing: border-box; position: relative; display: inline-block; text-align: center; transition: all .15s ease-out;  cursor: pointer; width: 100%; color: #999999; font-size: 15px;}
.form-radio:checked + label{color: #FFF; z-index: 1; background: #b27b73; width: 100%; font-weight: 400;}	
.r-line2.form-radio+ label {padding: 25px 5px;}

.sub-tbl2 td.edu {font-size: 0;}
.sub-tbl2 td.edu > div {display: inline-block; width: calc(50% - 1px); float: left; height: 100%;}
.sub-tbl2 td.edu > div:first-child {border-right: 1px solid #eee;}

.sub-content .info .box-con .object:nth-child(1) {width: 31%;}
.sub-content .info .box-con .object:nth-child(2) {width: 38%;}
.sub-content .info .box-con .object:nth-child(3) {width: 33%;}

.sub-content .info .box-con2 .object:nth-child(1) {width: 50%;}
.sub-content .info .box-con2 .object:nth-child(2) {width: 50%;}

.btn-group {text-align: center; display: flex; align-items: center; justify-content: center; margin-bottom: 50px;}
.btn-group button {width: 150px; height: 50px; font-size: 15px; border-radius: 5px; font-weight: 500; font-family: 'Noto Sans KR'; margin-right: 5px;}
.btn-group button:last-child {margin-right: 0;}
.btn-group .white-btn { color: #555555; background: #fff; border: 1px solid #dddddd; }
.btn-group .list-btn {display: flex; align-items: center; justify-content: center;}
.btn-group .list-btn i {font-size: 20px; color: #666; margin-right: 10px; vertical-align: bottom; }
.btn-group .red-btn {color: #fff; background: #5d0e23; border: none;}


#notice .notice-tbl {border-top: 2px solid #222;}
#notice .notice-tbl th { font-size: 16px; font-weight: 500;}
#notice .notice-tbl .date {font-size: 15px; color: #999;  font-family: 'Ubuntu', sans-serif; }
#notice .notice-tbl .view-num {font-size: 15px; color: #999;  font-family: 'Ubuntu', sans-serif;  }
#notice .notice-tbl .down {}
#notice .notice-tbl .down button {border: none; background: none; font-size: 15px; color: #999; font-family: 'Noto Sans KR';}

#notice .view-tbl th {font-size: 20px; color: #333333; padding: 41px 0; border-top: 1px solid #d0d0d0;}
#notice .view-tbl td {padding: 17px 0; text-align: left;}
#notice .view-tbl .view-info {padding: 12px 0;}
#notice .view-tbl .view-info span {color: #999; font-size: 14px; font-weight: 400;}
#notice .view-tbl .view-info span:first-child {border-right: 1px solid #eee; padding-right: 13px; margin-right: 13px;}
#notice .view-tbl .view-info span.date {font-family: 'Ubuntu', sans-serif; font-size: 15px; }
#notice .view-tbl .view-info span:last-child {float: right; padding-left: 36px; box-sizing: border-box; /* border-left: 1px solid #eee; */ font-size: 14px;}
#notice .view-tbl .view-info span strong {font-weight: 400;}
#notice .view-tbl .down-btn {text-align: right; border-bottom: none;}
#notice .view-tbl .down-btn button {border: none; background: none; color: #999; font-weight: 400; font-family: 'Noto Sans KR';}
#notice .view-tbl .down-btn button span {color: #5d0e23; font-family: 'Ubuntu', sans-serif; }
#notice .view-tbl .cont_txt {padding: 50px; border-bottom: none;}
.np-view {margin-top: 40px; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; margin-bottom: 50px;}
.np-view th, .np-view td {padding: 19px 5px}
.np-view th {font-size: 14px; color: #999; font-weight: 300;}
.np-view td {font-size: 16px; color: #555; font-weight: 400;}
.np-view .left th, .np-view .left td {border-bottom: 1px solid #eeeeee; }


/*=====================
			관리자 
=====================*/
/* 로그인페이지 */
.login-content {position: relative; top: 50%; transform: translateY(-50%);}
#admin-login h2 {font-family: 'Palanquin', sans-serif;  font-size: 60px; font-weight: 500;  color: #333; margin-bottom: 34px; text-align: center;}
#admin-login h2 span {color: #5f1023;}
#admin-login .loginWrap {padding: 50px 0 49px; border-top: 2px solid #e7e7e7; border-bottom: 2px solid #e7e7e7;}
#admin-login .loginWrap p {font-size: 24px; font-weight: 300; color: #777; text-align: center;}
#admin-login .loginWrap p strong {color: #222; font-weight: 400;}
#admin-login .loginWrap .login-con {margin: 40px auto 0; display: table;}
.login-content .checkbox {margin-top: 15px;}
.login-content .checkbox input[type="checkbox"]{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
.login-content .checkbox input[type="checkbox"] + label { display:inline-block; position:relative; padding-left:26px; cursor:pointer; color: #999; font-size: 15px;}
.login-content .checkbox input[type="checkbox"] + label:before { content:''; position:absolute; left:0; width:18px; height:18px; text-align:center; background:#fff; border:1px solid #e5e5e5; box-sizing:border-box; }
.login-content .checkbox input[type="checkbox"]:checked + label:after{ content: ''; position:absolute;  left:0; width:18px; height:18px; background: url(/img/common/check.png) no-repeat center;}

/* 관리자 사이드 메뉴 */
.side-menu {position: absolute;  left: 2.4%;}
.side-menu .sub-gnb {width: 230px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5;}
.side-menu .sub-gnb > li {border-bottom: 1px solid #e5e5e5;}
.side-menu .sub-gnb > li > a {/* display: block; */ padding: 17px 20px; background: #fff; color: #333; font-size: 16px; font-weight: 400; display: flex; align-items: center; justify-content: space-between;}
.side-menu .sub-gnb > li > a img {display: inline-block;}
.side-menu .sub-gnb > li.on > a {background: #5d0e23;color: #fff; }
.side-menu .sub-gnb .depth2 {padding: 20px 0 20px 30px; display: none;}
.side-menu .sub-gnb .depth2 > li {color: #666; font-size: 16px; line-height: 2; letter-spacing: -0.15px;}
.side-menu .sub-gnb .depth2 > li > a {display: inline-block; width: 100%;}
.side-menu .sub-gnb .depth2 > li:hover a {color: #5d0e23; font-weight: 500;}
.side-menu .sub-gnb .depth2 > li.on > a {color: #5d0e23; font-weight: 500;}

.admin-con select.form-control {font-family: 'Noto Sans KR'; font-size: 15px;}

.admin-con {padding-top: 50px; position: relative; padding-bottom: 50px;} 
.admin-con h3 {color: #333; font-size: 28px; letter-spacing: -0.15px; font-weight: bold; padding-bottom: 16px; border-bottom: 1px solid #e7e7e7; }
.admin-con .info-con {margin-top: 30px;}
.admin-tbl {margin-bottom: 50px;}
.admin-tbl th, .admin-tbl td {border: 1px solid #e5e5e5; }
.admin-tbl th {font-size: 16px; font-weight: 500; color: #333;}
.admin-tbl td {padding: 15px 28px; color: #777; font-weight: 300; font-size: 15px;}
.admin-tbl td .w165 {width: 165px;}
.admin-tbl td .w200 {width: 200px;}
.admin-tbl td .w260 {width: 260px;}
.admin-tbl td .w100p {width: 100%;}
.admin-tbl td .tit {color: #999; font-size: 15px; letter-spacing: -0.15px; display: inline-block; margin-left: 25px;}
.admin-tbl .line p {display: inline-block; vertical-align: middle;}
.admin-tbl .line p:first-child {margin-right: 20px;}
.admin-tbl .photo {color: #777; font-size: 12px; padding: 6px 11px; border: 1px solid #e5e5e5; background: #f7f7f7; border-radius: 3px;}
.admin-tbl .person {color: #333; font-weight: 400;}

.list-tbl {margin-bottom: 30px;}
.list-tbl th {border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; padding: 15px 5px; font-size: 15px;}
.list-tbl th:first-child {border-left: 1px solid #e5e5e5;}
.list-tbl td {font-size: 16px; color: #999; line-height: 1.4; text-align: center; border-bottom: 1px solid #e5e5e5; /* height: 103px; */ padding: 20px 5px;}
.list-tbl td:first-child {border-left: 1px solid #e5e5e5;}
.list-tbl td:last-child {border-right: 1px solid #e5e5e5;}
.list-tbl .bg-gray1 td {background: #f3f4f7; color: #666;}
.list-tbl .bg-gray2 td {background: #f7f3f4; color: #666;}
.list-tbl .date {font-family: 'Ubuntu', sans-serif; }
.list-tbl .span-list span {font-size: 14px; display: inline-block; padding: 5px 0; border-bottom: 1px solid #ccc;}
.list-tbl .span-list span .c-red { color: #5d0e23;}
.list-tbl .btn-box button {display: inline-block; color: #777; font-size: 12px; border: 1px solid #ddd; background: none; border-radius: 3px; height: 26px; background: #fff;}
.list-tbl .btn-box button:nth-child(4) {margin-top: 5px;}
.list-tbl .btn-box button:nth-child(5) {margin-top: 5px;}
.list-tbl .btn-box button.w60 {width: 90px;  margin-top: 5px;}
.list-tbl .btn-box button.w70 {width: 90px;}
.list-tbl .btn-box button.w80 {width: 90px;}
.list-tbl .btn-box button.w107 {width: 90px;}
.list-btn {width: 100%; justify-content: space-between;}
.list-btn button {padding: 14px 0; font-weight: 400; height: auto;} 
.list-btn button img {display: inline-block; margin-right: 5px;}



.tbl-con .write-btn {width: 100%; display: block; margin-top: 15px;}
.tbl-con .write-btn .float--right {float: right;}

#member .list-tbl th {border-right: none;}
#member .list-tbl th:last-child {border-right: 1px solid #e5e5e5;}
#member .list-tbl td {height: 71px;}


.idchk-btn {height: auto; padding: 5px 8px; border-radius: 3px;}

/* 비밀번호 수정페이지 */
#modify {}
#modify .tit {color: #333333; font-size: 28px; font-weight: bold; text-align: center;}
#modify .modify-con {background: #f7f7f7; padding: 60px 0 50px ; box-sizing: border-box; text-align: center; margin-top: 50px;}
#modify .modify-con .pw {max-width: 465px; width: 100%; margin: 0 auto;} 
#modify .modify-con .pw > div {margin-bottom: 15px; display: flex; align-items: center; justify-content: space-between;}
#modify .modify-con .pw > div:last-child {margin-bottom: 0;}
#modify .modify-con .pw > div label {color: #333333; font-size: 16px; font-weight: 500; line-height: 1.2;}
#modify .modify-con .pw > div input {width: 330px; height: 45px;}
#modify .modify-con .btn-group {margin-top: 40px; margin-bottom: 0;}
#modify .modify-con .pw > .info_pw { color: #333333; font-size: 14px; font-weight: 400; line-height: 1.2; }
#modify .modify-con .pw > .info_pw p { text-align: left; margin-left: 1em; text-indent: -0.7em; }

#text_div {position:absolute; width:250px; border:1px solid #aaa; background-color:#FFFFFF; left:185px; display:none;}
#search_text_top { background-color:#F3F3F3; padding:10px; text-align:center; font-weight:bold;}
#search_text {	padding:10px;	line-height:180%;}
#search_text_bottom {background-color:#F3F3F3; padding:10px; text-align:right;	font-size:10px;}