.modal,
.modal-box {
  z-index: 900;
}

.modal-sandbox {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: transparent;
}

.modal {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgb(0,0,0);
  background: rgba(0,0,0,0.5);
  overflow: auto;
}

.modal-box {
  position: relative;
  width: 80%;
  height: 90%;
  max-width: 920px;
  margin: 10% auto;
  animation-name: modalbox;
  animation-duration: 0.8s;
}

.modal-header {
  padding: 20px 40px;
  background: #1A3A5F;
  color: #ffffff;
}

.modal-body {
  display: flex;
  background: white;
  padding: 60px 40px;
}
.modal-title{
  font-size: 30px;
  font-weight: 400;
  color:white;
}
/* Close Button */
.close-modal {
  font-size:30px;
  position: absolute;
  right:30px;
  text-align: right;
  cursor: pointer;
}
@media only screen and (max-width: 1600px) {
  .modal-box{
    transform:scale(0.8);
      margin: 3% auto;
  }
}
/* Animation */
@-webkit-keyframes modalbox {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes modalbox {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*별도 추가*/
hr{
	border:1px solid #ededed;
}
.modal-left{
	margin-left:10px;
	margin-right: 20px;
	color:#777;
}
#modal-left-summary{
	margin-top:30px;
	padding-left: 30px;
}
.modal-right{
  width: 33%;
	margin-left:30px;
	margin-right: 20px;
	word-wrap:break-word;
	word-break:break-all;
}
.modal-right-second{
  min-width: 23%;
	margin-left:10px;
	margin-right: 10px;
	word-wrap:break-word;
	word-break:break-all;
}

.modal-right span{
	line-height: 2;
	color:#777;
}
.modal-right-second span{
	line-height: 2;
	color:#777;
}
.modal-left span{
	font-size: 20px;
	line-height: 2;
}