/* Add here all your css styles (customizations) */
.vertical-middle>tbody>tr>td{
	vertical-align:middle;
}

.ta_center th,
.ta_center td {
	text-align:center;
}
.ta_left th,
.ta_left td {
	text-align:left;
}
.text-left {
	text-align:left;
}
p.comment_r {
	padding:7px 0;
	margin:0;
	color:#000;
	font-size:12px;
}
.border-line {
	border:1px solid #e5e5e5;
}
.bg_gray {
	background:#fafafa;
}
#navCenter{
	padding-left: 100px;
}
#navCenter:hover {
	border-top: none;
}

.btn-signature {
  border: 1px solid #eee !important;
  background-color: #fff;
  color: #232323;
  padding: 7px 20px !important;
}

.btn-signature:hover {
  color: #fff !important;
  background-color: #BA602B;
  border: 1px solid #BA602B;
  transition: 0.5s;
}

/* 2021-10-13 Custom */
nav {
  display: flex !important;
  width: 100%;
  align-items: center;
  flex-wrap: wrap;
  padding: 5px 0;
}

nav ul {
  flex: 1;
  text-align: right;
  padding-right: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
}

nav ul li {
  display: inline-block;
  list-style: none;
  margin: 10px 30px;
}

nav ul li a {
  font-size: 14pt;
  color: #333;
  text-decoration: none;
  position: relative;
}

nav ul li a::after {
  content: '';
  width: 0%;
  height: 3px;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  background: #333;
  transition: width 0.3s;
}

nav ul li a:hover {
  text-decoration: none;
}

nav ul li a:hover::after {
  width: 50%;
}

.pc__menubar {
  display: block;
}

.mobile__menubar {
  display: none;
}

.header__logo {
  width: 159px;
  height: auto;
  margin: 12px 0;
}

.slide-open{
  position:absolute;
  top: 10px;
  right: 15px;
  width:50px;
  height:50px;
  cursor:pointer;
}
.burgur{
right: 15px;
top: 23px;
position: absolute;
width: 20px;
height: 2px;
background: #000000;
}
.burgur .top-line{
width: 20px;
height: 2px;
background-color: #000000;
bottom: -5px;
content: '';
position: absolute;
right: 0;
-webkit-transition:  -webkit-transform .3s;
transition: transform .3s;

}
.burgur .bot-line {
width: 20px;
height: 2px;
background-color: #000000;
top: -5px;
content: '';
position: absolute;
right: 0;
-webkit-transition:  -webkit-transform .3s;
transition: transform .3s;
}

.burgur.on {
width: 0;
}
.burgur.on .bot-line {
-webkit-transform: translateY(5px) rotate(135deg);
transform: translateY(5px) rotate(135deg);
}
.burgur.on .top-line{
-webkit-transform: translateY(-5px) rotate(-135deg);
transform: translateY(-5px) rotate(-135deg);
}
.slide{
  width:100%;
  position:absolute;
  left:-100%;
  top:71px;
  right:0;
  bottom:0;
  -webkit-transition: left .3s;
  -moz-transition: left .3s;
  -ms-transition: left .3s;
  -o-transition: left .3s;
  transition: left .3s;
  background-color:#fff;
  font-size: 18px;
  z-index: 1000;
}
.slide-title{
  width:100%;
  height:100px;
  font-size:42px;
  display:flex;
  justify-content:center;
  align-items:center;
  border-bottom:1px solid #e1e1e1;
}
.slide.on{
  left:0;
}
.slide ul li{
  display:inline-block;
  width:100%;
  padding:10px;
  border-bottom:1px solid #e1e1e1;
}

.mini_popup {
  position: fixed;
  right: 15%;
  top: 50%;
  z-index: 1000;
}

a.btn_move_cf {
  color: #fff;
  font-size: 1.2em;
  display: block;
}

.login_box {
  width: 280px;
  margin: 20rem auto;
}

@media (min-width: 770px) and (max-width: 1600px) {
  .mini_popup {
    position: fixed;
    right: 5%;
    top: 50%;
    z-index: 1000;
  }

  .login_box {
    width: 280px;
    margin: 20rem auto;
  }
}

@media screen and (max-width: 768px) {
  .mini_popup img {
    width: 100%;
  }
  
  .mini_popup {
    /* position: absolute; */
    right: 5%;
    top: 63%;
    z-index: 1000;
  }

    .login_box {
    width: 280px;
    margin: 20rem auto;
  }
}

@media screen and (max-width: 480px) {
  .mini_popup img {
    width: 100%;
  }

  .mini_popup {
    /* position: absolute; */
    right: 5%;
    top: 75%;
    z-index: 1000;
  }

  .login_box {
    width: 100%;
    margin: 15rem auto;
  }
}

@media screen and (max-width: 280px) {

  .login_box {
    width: 100%;
    margin: 10rem auto;
  }

}

@media screen and (max-width: 1200px) {

  .header__logo {
    width: 100px;
    height: auto;
    margin: 12px 15px;
  }

  .pc__menubar {
    display: none;
  }

  .mobile__menubar {
    display: block;
  }
  
  .menubar__fix {
    margin-top: 3px;
    font-size: 16pt;
  }

}


/* 2019-10-17 주영 추가*/
/*pc 1099px이상*/
	.display-pc-none {display:none;}
	.empty-7 {display:block; height:1px;}

/*테블릿*/
@media screen and (min-width:701px) and (max-width:1099px) {	

}

/*모바일*/
@media screen and (max-width:700px)  {

	/* 2019-10-17 주영 추가*/
	.display-mobile-none {display:none;}
	.display-pc-none {display:block;}
	
}