/***********************************************************************************************
	MODAL
***********************************************************************************************/
.hidden { overflow:hidden; }
.modal-backdrop {position: fixed; top:0; right:0; bottom:0; left:0; background:#000; z-index:7500; opacity:.7; filter:alpha(opacity=70);}
.modal {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:8000; overflow:auto; -webkit-overflow-scrolling:touch; outline:0; }
.modal-dialog {position:relative; width:auto;margin:0 auto 15px;  padding:0 20px; }
.modal-content {position:relative; background-color:#fff; outline:none;  overflow:hidden;  border-radius:0; padding:10px; }
.modal-header { position: relative; margin-bottom: 20px;  }
.modal-header h4 { font-size:16px; color: #000; font-weight: 600; line-height: 1.5; }
.modal-header.line-type { margin:0 -20px 15px; border-bottom: 1px solid #e1e1e1;padding:0 20px 20px;}
.modal-header.line-type .close-modal { right:20px; }
.modal-header .close-modal { position: absolute; right:0; top:0; width:25px; height: 25px; background: url(../img/common/ico_modal_close.png) no-repeat 50% 50%; text-indent: -9999px; }
.modal-txt {font-size:14px; text-align: center;line-height: 1.6; color: #777; margin-bottom: 25px; word-break: keep-all;}
.modal-txt i { display:inline-block; text-align: center; margin-bottom: 10px; vertical-align: middle; transform: translateY(5px);}
.modal-txt i img { width:16px; }
.modal-body {  }
.modal-bottom { margin:0 auto; text-align: center; width:280px;}
.modal-bottom.flex { display: flex; justify-content: center; }
.modal-bottom.flex button { width:49%; }
.modal-bottom.flex button + button {margin-left: 2%; }
.modal-tit { text-align: center; font-size:23px; font-weight: 600; line-height: 1.6; color: #222; margin-bottom: 20px;}
.modal-txt .t1 {    display: block;    font-size: 15px;    font-weight: 600;    color: #222;    margin-bottom: 10px;}
.modal-txt.list ul {
    width: 80%;
    margin: 0 auto;
    text-align: left;
}
.modal-txt.list ul li{
    list-style: circle;
}
