@charset "utf-8";
/** -----------------------
  * @ 파일 : popup.css
  * @ 구분 : popup 관련 모듈
  * -----------------------
**/

/* =layer */
.-layer{overflow:hidden;position:absolute;top:5.6rem;bottom:5.6rem;right:2rem;left:2rem;z-index:101;background-color:#fff;border-radius:1rem}
.-layer_head{position:relative;height:6rem;border-bottom:1px solid #f5f5f5}
.-layer_title{padding:2.2rem 0 0 2.5rem;text-align:left;font-weight:500}
.-layer_back{position:absolute;left:0;top:0;;width:6rem;height:6rem;background:url(/img/nonetouch/pib/_new/common/ico-back.svg) no-repeat center;background-size:1.2rem auto}
.-layer_close{position:absolute;right:0;top:0;width:6rem;height:6rem;background:url(/img/nonetouch/pib/_new/common/ico-close.svg) no-repeat center;background-size:1.8rem auto}
.-layer_body{position:absolute;width:100%;top:6rem;bottom:6.5rem;padding:2.4rem 3rem 2.4rem;overflow-y:auto;-webkit-overflow-scrolling:touch}
.-layer .-layer_foot .-buttons>span{padding:0}
.-layer .-buttons{position:absolute;bottom:0}

.-layer.-full{position:fixed;left:0;right:0;top:0;z-index:1001;height:100%;border-radius:0}
.-layer.-full .-layer_title{padding-left:0;font-size:1.7rem;text-align:center}
.-layer.-full .-layer_foot{position:absolute;left:0;right:0;bottom:0;width:100%}

.-layer.-info{top:50%;bottom:0;height:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%)}/*max-height:25rem;*/
.-layer.-info .-layer_title{font-size:1.8rem}

.-layer.-alert{top:50%;max-height:20rem;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.-layer.-alert .-layer_body{display:table;position:static;height:100%;padding:3.5rem 2rem 8.5rem;text-align:center}
.-layer.-alert .-layer_body .-sentence{display:table-cell;vertical-align:middle}
 
.-layer.-normal{max-height:46.8rem;min-height:25rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.-layer.-normal .-layer_title{font-size:1.9rem}

.-layer.-balloon{max-height:46.8rem;min-height:20rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.-layer.-balloon .-layer_body{top:0;padding:4rem 2rem}

/* 풀팝업 약관 */
.-layer.-terms .-layer_body{padding:0 2.4rem;background-color:#f8f8f8;}
.-layer.-terms .-sentence{padding:1.7rem 2rem;background:url(/img/nonetouch/pib/_new/common/ico-pdf.png) no-repeat center left;background-size:1.7rem auto}
.-layer.-terms .-item {height:45rem;background:#fff}

@media only screen and (max-device-width:320px){
  .-layer.-normal, .-layer.-balloon{max-height:40rem}
}