#modal-fail .modal-body,
#modal-pay2pay .modal-body,
#modal-account .modal-body {
	max-width:820px;
}

#modal-fail .over-box,
#modal-pay2pay .over-box,
#modal-account .over-box {
	padding:4.87vh 3.2vw;
}


.modal-wrap {
  z-index: 9999;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0, 0, 0, .7);
}

.modal-body {
  position: relative;
  left: 50%;
  top: 50%;
  width: 90%;
  max-height: 80vh;
  transform: translate(-50%, -50%);
  background-color: #fff;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.modal-body .over-box {
  overflow-y: auto;
  padding: 7.87vh 5.2vw;
  width: 100%;
  max-height: 70vh;
}

.modal-close-btn {
  position: absolute;
  right: 0;
  top: -40px;
}

.modal-title {
  margin-bottom: 35px;
  /* font-size: 2.1875em; */
  font-size: 2em;
  font-weight: 700;
}

.modal-cont {
  margin-bottom:20px;
}

.modal-body table .num-list {
  margin-bottom: 0;
}

.modal-body table .num-list .num:last-child {
  margin-bottom: 0;
}

.modal-body .table {
  margin-bottom: 50px;
}

.modal-body .t-type-01 th {
  padding: 20px;
  vertical-align: middle;
  border-right: 1px solid #e1e3e6;
}

.modal-body .t-type-01 th:last-child {
  border-right: 0 none;
}

.modal-body .t-type-01 td {
  vertical-align: middle;
  text-align: center;
  padding: 30px 20px;
  border-right: 1px solid #e1e3e6;
  border-bottom: 1px solid #e1e3e6;
}

.modal-body .t-type-01 td:last-child {
  border-right: 0 none;
}

.modal-body .msg_box .msg_tit {
	font-size:24px; 
	font-weight:500;
}

.modal-body .msg_box .sub-desc {
	margin-top:10px;
	font-size:20px; 
	font-weight:300;
}




/* 선불 유심페이지 팝업 */
.modal-body .content02{display: none;}
.modal-body .content02 h3{font-size:25px; font-weight:600; text-align:center;}
.modal-body .consent .check_list{display: flex; margin: 50px auto;}
.modal-body .consent .check_list li{width: calc(100%/3); padding:0 20px; border-right: 1px solid #eaeaea; text-align: center; margin: 0}
.modal-body .consent .check_list li:last-child{border-right: none;}
.modal-body .consent .check_list li img{width: 90%; max-width:50px; display: inline-block;}
.modal-body .consent .check_list li p{margin-top: 10px;}

.modal-body .consent .logoTxt{text-align: center; background-color: #f7f7f7; border-radius: 13px; padding: 30px; margin-bottom: 30px;}
.modal-body .consent .logoTxt p{font-size: 18px; font-weight: 600;}
.modal-body .consent .logoTxt p + p {margin-top:8px}
.modal-body .consent .logoTxt .logo-yag img {width: 65px;}
.modal-body .consent .logoTxt .logo-ghs img {width: 130px;}
.modal-body .consent .logoTxt .logo-eyagi img{width: 100px;}


@media all and (max-width:768px) {
  #modal-fail .over-box,
  #modal-pay2pay .over-box,
  #modal-account .over-box {
	padding: 2vh 0;
  }

  .modal-body {
    padding: 2vh 5.2vw;
  }

  .modal-body .over-box {
    padding: 2vh;
  }
  
	.modal-body .msg_box .msg_tit {
		font-size:20px; 
	}

	.modal-body .msg_box .sub-desc {
		margin-top:10px;
		font-size:18px; 
	}
  

	/* 선불 유심페이지 팝업 */
	.modal-body .content02 h3{font-size:18px; text-align:left;}
	.modal-body .consent .check_list{flex-wrap: wrap; margin:20px auto;}
	.modal-body .consent .check_list li {width: 100%; display: flex; margin-bottom: 16px; padding: 0; border:none; align-items: center;}
	.modal-body .consent .check_list li img{max-width:30px; margin-right:10px;}
	.modal-body .consent .check_list li p{margin-top:0}
	
	.modal-body .consent .logoTxt{padding:20px; margin-bottom: 10px;}
	.modal-body .consent .logoTxt p {font-size: 15px; line-height: 1.6;}
	.modal-body .consent .logoTxt p + p {margin-top:4px}
	.modal-body .consent .logoTxt .logo-yag img {width:45px;}
	.modal-body .consent .logoTxt .logo-ghs img {width: 105px;}
	.modal-body .consent .logoTxt .logo-eyagi img{width: 85px;}
	
}


@media all and (max-width:540px) {

  .modal-title {
    font-size: 1.5em;
    margin-bottom: 20px;
  }

  .modal-body .t-type-02 td {
    padding: 20px 20px;
  }
  
 	.modal-body .msg_box .msg_tit {
		font-size:18px; 
	}
	
	.modal-body .msg_box .sub-desc {
		font-size:15px; 
	}

}