HANYANG_REACT/www/ksvc/inc/css/_backup/common.css

@charset "utf-8";

@font-face {
  font-family: "Pretendard-Regular";
  src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff")
    format("woff");
  font-weight: 400;
  font-style: normal;
}

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

.notosanskr * {
  font-family: "Noto Sans KR", sans-serif;
}

* {
  padding: 0;
  margin: 0;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
form,
fieldset,
p,
button,
input,
figure,
textarea,
select {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Pretendard", "Noto Sans KR", sans-serif;
  color: #666;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

img {
  max-width: 100%;
  height: auto;
}

table {
  border-spacing:0;
  box-sizing: border-box;
}

#main {
  width: 100%;
}

#sidenav {
  width: 240px;
  height: 100vh;
  position: fixed;
  top:0;
  left:0;
  background: #fff;
  box-shadow: 2px 0px 6px #2020200a;

  -webkit-transition: left 0.3s;
  transition: left 0.3s;
  z-index: 1;
}

#main.mnu_hide #sidenav {
  left: -174px;
}

#wrap {
  min-width: 70%;
  margin-left: 240px;
  height: 100vh;

  -webkit-transition:margin-left 0.3s;
  transition:margin-left 0.3s;
}

#main.mnu_hide #wrap {
  margin-left: 67px;
}

#wrap .header {
  width: 100%;
  height: 60px;
  background: #234164;
  padding: 15px 25px;
  position: relative;
}

#wrap .layout {
  width: 1395px;
  display: flex;
  justify-content: space-evenly;
}

.wrap {
  background: #efefef;
}

.layout:last-child{
  padding-bottom: 25px;
}

.layout .section {
  margin-top: 25px;
  border-radius: 10px;
  background: #fff;
  padding: 20px;
}

.layout .section.sechalf {
  width: calc( (100% - 75px)/2 );
}

.layout ul {
  display: flex;
  width: 100%;
}

.layout ul li {
  padding: 10px 0;
  border-bottom: 1px solid #efefef;
  width: 100%;
}

.layout ul:last-child li {
  border-bottom: 0;
}

.layout ul .txt {
  width: 70%;
  font-size: 0.9rem;
}

.layout ul .time {
  width: 30%;
  font-size: 0.9rem;
  color: #666666;
  text-align: right;
  line-height: 21px;
}


@media (max-width: 1630px) {
  #wrap .layout { width: 100%; }
}
@media (max-width: 1525px) {
  #wrap .layout .section.schedule .calendar { display: none; }
}
@media (max-width: 967px) {
  #wrap .layout { flex-wrap: wrap; }
  .layout .section.sechalf { width: calc( 100% - 50px ); }
}
@media (max-width: 796px) {
  #main #wrap { margin-left: 67px; }
}

/*서브페이지 상단메뉴*/

.submenu1 {
   width: 100%;
   border-bottom: 1px solid #d9d9d9;
   background: #fff;
   padding:12px 20px;
 }

.submenu1 ul {
  display: flex;
}

.submenu1 ul a {
  display: block;
  width:160px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}

.submenu1 ul a.on {
  border-radius: 40px;
  border:2px solid #3D76E8;
}

.submenu1 ul a.on li{
  color:#3D76E8;
  font-weight: 600;
}

.submenu2 {
  width: 100%;
  height: 40px;
  background: #fff;
  border-bottom:1px solid #d9d9d9;
  padding:0 20px;
}

.submenu2 ul {
  display: flex;
}

.submenu2 ul a {
  padding:0 30px;
}

.submenu2 ul a li {
  line-height: 40px;
  color:#666;
}

.submenu2 ul a.on li {
  color:#3D76E8;
}

.submenu3 {
  width: 100%;
  height: 70px;
  background: #EFEFEF;
  border-bottom: 1px solid #d9d9d9;
  position: relative;
}

.submenu3 .container {
  padding:15px 20px;
}

.submenu3 .container:after {
  display: block;
  content:'';
  clear:both;
}

.submenu3 .container button {
  width: 160px;
  height: 40px;
  border-radius: 10px;
  background: #3D76E8;
  color:#fff;
 cursor: pointer;
  text-align: center;
  line-height: 40px;
  border:0;
  float:left;
}

.submenu3 .container .bt2{
  margin-left:10px;
  background: #666666;
}

.submenu3 .container .sub2_check {
  float:right;
  margin-top: 10px;
  font-size: 15px;
  color:#666;
}

.submenu3 .container .sub2_check span {
  font-size: 15px;
  padding-left:5px;
}

.submenu3 .container .detailSearch {
  margin-top: 10px;
  float:right;
  padding-right: 20px;
  cursor: pointer;
}

.submenu3 .container .detailSearch:after {
  display: block;
  clear:both;
  content:'';
}

.submenu3 .container .detailSearch img {
  float:left;
  display: block;
}

.submenu3 .container .detailSearch span {
  font-size: 15px;
  color:#666;
  padding-left: 5px;
  float:left;
  display: block;
}

.submenu3 .detailBox {
  background: #EFEFEF;
  width: 100%;
  box-shadow: 0px 3px 6px #00000029;
  position: absolute;
  top:70px;
  left:0;
  display: none;
}

.submenu3 .detailBox ul:after {
  content:'';
  display: block;
  clear:both;
}

.submenu3 .detailBox ul li {
  float:left;
  font-size: 15px;
  color:#666;
  margin-right:30px;
  margin-top: 10px;
  width:295x;
}

.submenu3 .detailBox .container {
  padding:40px 45px;
}

.submenu3 .detailBox ul:first-child li {
  margin-top: 0;
}

.submenu3 .detailBox ul li span {
  padding-right: 20px;
  display: inline-block;
  width: 65px;
}

.submenu3 .detailBox ul li input {
  border-radius: 5px;
  border:1px solid #d9d9d9;
  height:30px;
  width: 210px;
  padding-left:5px;
}

.submenu3 .detailBox ul .dateBox {
  width:426px;
}

.submenu3 .detailBox ul li .date {
  width: 120px;
}

.submenu3 .detailBox ul li select {
  border-radius: 5px;
  border:1px solid #d9d9d9;
  height:30px;
  width: 70px;
}

.submenu3 .detailBox .detailBox_bt {
  float:right;
  margin-top: 20px;
}

.submenu3 .detailBox .detailBox_bt button {
  width: 100px;
  height: 35px;
  border-radius: 5px;
  background: #3D76E8;
  color:#fff;
  font-size: 15px;
  margin-left: 10px;
  line-height: 34px;
}

.submenu3 .detailBox .detailBox_bt button:last-child {
  background: #666666;
}

/*content영역*/
#content {
background: #fff;
}

/*등록 팝업창*/
.popUp {
  box-shadow: 0px 3px 6px #00000029;
  background: #fff;
  border-radius: 10px;
  position: absolute;
  padding:40px 20px;
  border: 1px solid #EFEFEF;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
}

.poptop {
  display: flex;
  justify-content: space-between;
}

.poptop .popup_tit {
  font-size: 1.2rem;
  color:#121212;
  font-weight: 600;
}

.pop_checkbox {
  display: flex;
  margin-top: 20px;
}

.pop_checkbox .sharingCheck {
  display: flex;
  align-items: center;
}

.pop_checkbox .sharingCheck:first-child {
  margin-right:20px;
}

.pop_checkbox .sharingCheck input {
  margin-right: 5px;
  border:1px solid #d9d9d9;
  width: 18px;
  height: 18px;
}

.pop_checkbox .sharingCheck span {
  font-size: 15px;
  color:#666;
}

.pop_bt {
  width: 170px;
  height: 35px;
  margin:40px auto 0;
  display: flex;
}

.pop_bt button {
  width: 80px;
  height:35px;
  border-radius: 5px;
  font-size: 15px;
  color:#fff;
  text-align: center;
  line-height: 35px;
  border:0;
  cursor: pointer;
}

.pop_bt .bt01 {
 background: #3D76E8;
 margin-right: 5px;
}

.pop_bt .bt02 {
  background: #666666;
}


/*게시판보드 style*/
.public {
  width: 100%;
  padding: 45px;
  border-spacing: 0;
}

.public tr {
  height: 50px;
}

.public tr td input {
  padding:0 20px;
}

.public thead tr td {
  border:1px solid #666;
  border-right:1px solid #d9d9d9;
  border-left: 0;
  text-align: center;
  color:#666;
  font-weight: bold;
}

.public thead tr td:last-child {
  border-right: 0;
}

.public tbody tr td {
  border-bottom: 1px solid #EFEFEF;
  text-align: center;
  font-size: 14px;
  color:#666;
}

.public tbody .noRead td {
  font-weight: bold;
}

.public tbody tr .refuse {
   color:#E81919;
}


/*페이징버튼*/
.paging {
  position: relative;
  width: 100%;
}

.paging ul {
  display: flex;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.paging ul li img{
  padding-right: 10px;
  cursor: pointer;
  height: 24px;
  margin-bottom: 45px;
}

.paging ul li:last-child img {
  padding-right: 0;
}

.paging ul li a {
  padding:0 10px;
  font-size: 15px;
  color:#666;
}

.paging ul li a.on {
  color:#1B7BE9;
}

.paging ul .lastPage{
  padding-left: 10px;
}

/*사용자등록 개인정보설정 프로필영역*/

 .profileEdit {
  width: 260px;
  border-right: 1px solid #d9d9d9;
  padding:45px 25px;
}

 .profileEdit .profile {
  text-align: center;
}

 .profileEdit .profile .profileImg {
  width: 154px;
  height: 154px;
  margin: 0 auto;
  background: #000;
  border-radius: 100%;
  position: relative;
}

 .profileEdit .profile .profileImg span {
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  color:#fff;
  font-size: 13px;
}

 .profileEdit .profile .profileImg a img {
  width: 100%;
  height: 100%;
  opacity: 50%;
}

 .profileEdit .profile .id p{
  margin-top: 20px;
  font-size: 15px;
}

 .profileEdit .profile .id  span {
  color:#3D76E8;
}

 .profileEdit .profileExplain {
  margin-top: 45px;
  color:#d9d9d9;
  text-align: center;
  font-size: 15px;
}

 .profileEdit .profileExplain span {
  color:#3D76E8;
}

 .profileEdit .delete {
   width: 56px;
   height: 30px;
   border:1px solid #D9D9D9;
   border-radius: 3px;
   cursor:pointer;
   text-align: center;
   line-height: 30px;
   font-size: 15px;
   margin:15px auto;
 }