/*!* Modal *!*/
#modalBg {display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.6); z-index:6000}

.modal-box {display:none; border:1px solid #333437; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:90%; max-width:560px;  background:#171717; box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.3); z-index:7000;  border-radius:32px; overflow: hidden}
.modal-box:before {position: absolute; top:0; left:0; width:100%; height:100%; background:red;}
.modal-box.small{max-width:300px;}
.modal-box.large{max-width:720px;}
.modal-box.biglarge{max-width:1200px;}
.modal-box ::-webkit-scrollbar{width:10px; height: 10px; background:#eeeff2; border-radius:0 4px 4px 0}
.modal-box ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{display:block; height:0px}
.modal-box ::-webkit-scrollbar-track{background: #efefef; -webkit-border-radius:10px; border-radius:10px;}
.modal-box ::-webkit-scrollbar-thumb{height:30%; width:10px; background:rgba(0, 0, 0, .2); -webkit-border-radius:10px; border-radius:10px ;}

.modal-head {display:flex; align-items:center; justify-content: space-between; height:80px; border-bottom:1px solid #333437; color:#fff; padding:0 24px; font-size:22px;}
.modal-head.t-left {justify-content:start;}
.modal-head h4 {font-size:20px; font-weight:500; color:#fff; margin-bottom:0;}
.modal-head button.close {width:24px; height:24px;background:url("../img/common/icon_close.svg")no-repeat center;}
.modal-body {position:relative; padding:25px; color:var(--white8); max-height:482px; overflow-y: auto}
.modal-body.center {display:flex; justify-content:center; align-items:center; padding:35px 25px;}
p.md-base {font-size:var(--txt-md); color:var(--white8); letter-spacing:0; text-align:left; line-height:1.8;}
p.md-base.center {text-align: center}
.md-base2 {overflow-y: auto;}
.md-base2 span { font-size:17px; color:#fff; font-weight: 500;}
.md-base2 p {color:var(--white8); margin-top:16px; font-size:15px;}

.modal-foot {width:100%;padding:0; display:flex; align-items:center; justify-content:center;  border-radius:0 0 5px 5px;}
.modal-foot a {display:block; line-height:72px;height:72px; color:#fff; font-weight:400; background:var(--primary); text-align:center; flex:1; font-size:15px; transition:all 0.3s}
.modal_s {max-width:300px !important;}
.modal_s .modal-foot a {line-height:56px; height:56px;}
.modal-foot a.btn-gray {background:#333437}
.modal-foot a.btn-gray:hover {background:#333437}
/*.modal-foot a:nth-child(2) {margin:0 0 0 12px;}*/
.modal-foot a:hover{color:#fff; background:var(--primary);}
.modal-box.small .modal-foot a {height:56px; line-height: 56px;}
/*.modal-foot a:nth-child(2):hover,*/
/*.modal-foot a.btn-close.ov:hover  {background:#f16840; color:#fff;}*/
/*.modal-foot a.btn-close.dis:hover  {background:#fff; color:#dbdbdb;}*/

.modal-close a {width:40px; height:40px; position:absolute; right:-25px; top:-45px; display:block; color:#fff; font-size:0; background:url(/assets/img/common/modal_close.svg) no-repeat center 50%; background-size:40px;  transition:all 0.3s }
.modal-close a i {font-size:0;}
@media (max-width:768px){
	.modal-head {font-size:18px;}
}


/* msDonewrap */
.msDonewrap{width:100%; padding:130px 5% 140px 5%; margin:0 auto; }
.msDonewrap h3{width:100%; display:block; overflow:hidden; font-size:36px; color:#474747; font-weight:600; text-align:center; text-transform:uppercase; padding:130px 0 60px 0; margin:0 auto; background:url(/assets/img/contents/icon_check_circle.svg) no-repeat center 0; background-size:98px; }
.msdbox{display:block; width:100%; max-width:850px; margin:0 auto;  border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; padding:35px 0 ; }
.msdbox dl{width:100%; padding:15px 56px; display:flex; justify-content:space-between; /* align-items:top; */  }
.msdbox dl dt{width:20%; min-width:80px; font-size:15px; font-weight:400; color:#999; line-height:1.4; }
.msdbox dl dd{width:75%; font-size:15px; font-weight:500; color:#fff; text-align:right; word-break:break-all; line-height:1.4; }
.msDonewrap .btnwrap{justify-content:center; padding:93px 0 0 0; }
.msDonewrap .btnwrap a{width:100%; max-width:420px; }
.modal-box .msdbox{padding:0; border:none; }
.modal-box .msdbox dl{diwidth:100%;}
.modal-box .msdbox dl:first-child{padding-top:0; }
.modal-box .msdbox dl:last-child{padding-bottom:0; }
.modal-box .msdbox dl dt,
.modal-box .msdbox dl dd{font-size:15px; }
#sendCheck .msdbox {display:flex; gap:10px; flex-direction: column;}
#sendCheck .msdbox dl { padding:0 20px; display:flex; height:56px; align-items: center; justify-content: space-between; border:1px solid rgba(255,255,255,0.4); border-radius: 20px;}
#sendCheck .msdbox dl dd {color:var(--white8);}
#sendCheck .msdbox dl:first-child {height:auto; padding:20px;}
#sendCheck .msdbox dl:last-child {height:auto; padding:20px;}

@media all and (max-width:700px){
	.msDonewrap{padding:14% 5%; }
	.msDonewrap h3{padding:18% 0 8% 0; background:url(/assets/img/contents/icon_check_circle.svg) no-repeat center 0; background-size:14%; }
	.msdbox{padding:30px 0 ; }
	.msDonewrap .btnwrap{padding:10% 0 0 0; }
}

@media all and (max-width:600px){
	.msDonewrap{padding:60px 20px; }
	.msdbox{padding:25px 0 ; }
	.msdbox dl{padding:10px 5%; }
	.msdbox dl dt,
	.msdbox dl dd{font-size:16px; }
}

@media all and (max-width:500px){
	.msDonewrap .btnwrap{padding:40px 0 0 0; }
	.msDonewrap h3{padding:80px 0 40px 0; background:url(/assets/img/contents/icon_check_circle.svg) no-repeat center 0; background-size:60px; }
	.modal-box .msdbox dl dt,
	.modal-box .msdbox dl dd{font-size:15px; }
}

@media all and (max-width:400px){
	.msDonewrap h3{font-size:32px; }
	.msdbox dl{padding:10px 0; }
	.msdbox dl dt{width:20%; }
	.msdbox dl dd{width:70%; font-size:15px; }
}

@media all and (max-width:320px){
	.msdbox dl dd{font-size:14px; }
}


/*!* Toast  *!*/
#toast {width:80%; max-width:640px; position:fixed; top:50%; left:50%; color:#fff; font-size:15px; border:1px solid #333437; transform:translate(-50%, 10px); background:#0a0a0a; transition:opacity .5s, visibility .5s, transform .5s; overflow:hidden; opacity:0.85; visibility:hidden; text-align:center; padding:0 20px; z-index:99999999; line-height:80px; height:80px; border-radius:56px;}
#toast.reveal {opacity:0.85; visibility:visible; transform:translate(-50%, 0);}

@media (max-width:500px) {
	#toast {line-height:49px; height:50px; border-radius:50px;}
}

.termwrap .tbox {margin-bottom:30px;}
.termwrap .tbox h4 {margin-bottom:10px; color:#fff;}
.termwrap h3 {margin-bottom:20px; color:#fff;}