@charset 'UTF-8';

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*PPS 팝업 모바일 css s */
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#ppsModalMobile { position: fixed; top:0; right:0; display: flex; justify-content: center; align-items:center; flex-direction: column; width:100%; height:100%; padding:0 0; background:rgb(0, 0, 0, 0.6); transition: all 1s ease-in-out; z-index:999999; opacity:1; }
#ppsModalMobile .modalContent { width:330px; height:340px; background: #fff; box-shadow: 0 0 5px 0; color:#545454; border-radius:15px; }

#ppsModalMobile .modalHeader { display: flex; justify-content: flex-end; align-items: center; border-bottom: 0px solid #d9d9d9; padding:15px 15px; }
#ppsModalMobile .modalHeader .conIcon { margin:-30px auto 0 0; }
#ppsModalMobile .modalHeader img { margin:-10px 0 0; }
#ppsModalMobile .modalClose { color: red; text-decoration: none; font-size:2.8rem; font-weight: 300; }
#ppsModalMobile .modalClose:hover, .modalClose:focus { text-decoration: none; cursor: pointer; }
#ppsModalMobile .modalBody { height:190px; padding:0 15px 15px; box-sizing: border-box; display: flex; justify-content: flex-start; flex-flow: column; }
#ppsModalMobile .modalBody .title { font-size:20px; font-weight:900; line-height:24px; margin:0; }
#ppsModalMobile .modalBody h5 { font-size:16px; font-weight:500; line-height:24px; margin:0; padding:0; border:none; }
#ppsModalMobile .modalBody h5 span { color:#d3023b; font-weight:900; }
#ppsModalMobile .modalBody .mainTxt { margin:0 0 20px; }
#ppsModalMobile .modalBody .optionBox { background:#f0f0f0; border-radius:10px; padding:15px 10px; }
#ppsModalMobile .modalBody .optionTitle { display:flex; justify-content:flex-start; align-items:center; margin:0 0 5px; }
#ppsModalMobile .modalBody .optionTitle img { width:20px; height:20px; margin:0 10px 0 0; }

#ppsModalMobile .modalFooter { padding:0; margin:18px 0 0;box-sizing: border-box; display: flex; justify-content: flex-start; flex-flow: row; }
#ppsModalMobile .modalFooter .modalBtn { display: flex; justify-content:center; align-items:center; flex-flow: row; margin:auto 0 0; }
#ppsModalMobile .modalFooter .modalBtn a { display: flex; justify-content:center; align-items:center; width:330px; height:65px; font-size:14px; border:0; border-radius:0 0 15px 15px; margin:0 0; cursor:pointer; }
#ppsModalMobile .modalFooter .modalBtn a.red {color:#fff; font-weight:bold; background:#d3023b; font-size: 19px;}

/*모바일 PPS 팝업2*/
#ppsModalMobile01 { position: fixed; top:75%; left:calc((100% - 370px)/2); display: flex; justify-content: flex-end; align-items:flex-start; flex-direction: column; width:370px; height:100px; padding:0 0; background:rgb(0, 0, 0, 0); box-shadow: 0 0 5px 0; transition: all 1s ease-in-out; border-radius: 15px; z-index:9999; }

/* #ppsModalMobile01 { position: fixed; top:0; right:0; display: flex; justify-content: flex-end; align-items:center; flex-direction: column; width:100%; height:100%; padding:0 0 70px; background:rgb(0, 0, 0, 0); transition: all 1s ease-in-out; z-index:9999; opacity:1; } */
#ppsModalMobile01 .modalContent { width:370px; height:100px; background: #fff; box-shadow: 0 0 5px 0; color:#545454; border-radius:15px; }

#ppsModalMobile01 .modalHeader { height:36px; display: flex; justify-content: flex-end; align-items: center; border-bottom: 0px solid #d9d9d9; padding:8px 15px; background:#d3023b; border-radius:15px 15px 0 0; }
#ppsModalMobile01 .modalHeader .conIcon { margin:-30px auto 0 0; }
#ppsModalMobile01 .modalHeader img { margin:0 0; }
#ppsModalMobile01 .modalClose { color: red; text-decoration: none; font-size:2.8rem; font-weight: 300; }
#ppsModalMobile01 .modalClose:hover, .modalClose:focus { text-decoration: none; cursor: pointer; }
#ppsModalMobile01 .modalBody { padding:0; box-sizing: border-box; display: flex; justify-content: flex-start; flex-flow: column; }
#ppsModalMobile01 .modalBody .modalBtn { display: flex; justify-content:center; align-items:center; flex-flow: row; margin:auto 0 0; }
#ppsModalMobile01 .modalBody .modalBtn a { display: flex; justify-content:center; align-items:flex-start; width:100%; height:64px;  border:0; border-radius:0 0 15px 15px; margin:0 0; cursor:pointer; color:#fff; }
#ppsModalMobile01 .modalBody .modalBtn a h5 { font-size:16px; font-weight:500; line-height:16px; border:none; margin:0; }
#ppsModalMobile01 .modalBody .modalBtn a h5 span { font-weight:900; }

#ppsModalMobile01 .modalBody .modalBtn a.red { background:#d3023b; }

/*PPS 팝업 모바일 css e */
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/