@charset "utf-8";

/* main-popup */
.popup{border-radius: 15px;overflow: hidden;}
.popup .popup-contents{background: #fff;}
.popup a{display:block;}
.popup img{display:block;}
.popup .popup-bottom{display: flex;}
.popup .popup-bottom button{display:inline-block;padding: 15px 5px;width:30%;color:#fff;text-align: center;background: #ff0000;font-size: 13px;}
.popup .popup-bottom button:first-child{width:70%;background:#777;}

/* 이용약관 레이어 */
.private-layer{display:none;position: fixed;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.7);z-index:2000;line-height: normal;}
.private-layer .layer-contents{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:600px;background: #fff;padding:20px 50px 50px;border-radius: 15px;}
.private-layer .layer-contents .layer-top{position:relative;padding:20px 0;font-size:25px;font-weight:600;color:#333;border-bottom:2px solid #f8f8f8;}
.private-layer .layer-contents .layer-top .private-close{position:absolute;top:27px;right:0;width:35px;height:35px;overflow: hidden;text-indent: -99999px;}
.private-layer .layer-contents .layer-top .private-close:before{content: "";position:absolute;top:0;left:0;display:inline-block;width:30px;height:30px;background: url("/_public/images/@draft/sp_ico.png") no-repeat;background-size: 500px;background-position:0 -10px;}
.private-layer .layer-contents .layer-body{height:500px;overflow-y: auto;}
.private-layer .layer-contents .layer-body .table-wrap table{border:1px solid #aeafaf;}
.private-layer .layer-contents .layer-body .table-wrap table thead tr th{border-left:1px solid #e3e3e3;padding:20px;background: #f7f8f9;font-size:16px;}
.private-layer .layer-contents .layer-body .table-wrap table tbody tr td{border-top:1px solid #e3e3e3;border-left:1px solid #e3e3e3;padding:20px;font-size:15px;text-align: center}
.private-layer .layer-contents .layer-body .table-wrap ul{margin-top:15px}
.private-layer .layer-contents .layer-body .table-wrap ul li{font-size:16px;color:#333;}


.terms-layer{display:none;position: fixed;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.7);z-index:2000;line-height: normal;}
.terms-layer .layer-contents{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:600px;background: #fff;padding:20px 50px 50px;border-radius: 15px;}
.terms-layer .layer-contents .layer-top{position:relative;padding:20px 0;font-size:25px;font-weight:600;color:#333;border-bottom:2px solid #f8f8f8;}
.terms-layer .layer-contents .layer-top .terms-close{position:absolute;top:27px;right:0;width:35px;height:35px;overflow: hidden;text-indent: -99999px;}
.terms-layer .layer-contents .layer-top .terms-close:before{content: "";position:absolute;top:0;left:0;display:inline-block;width:30px;height:30px;background: url("/_public/images/@draft/sp_ico.png") no-repeat;background-size: 500px;background-position:0 -10px;}
.terms-layer .layer-contents .layer-body{height:500px;overflow-y: auto;}
.terms-layer .layer-contents .table-wrap{}
.terms-layer .layer-contents .table-wrap table{border:1px solid #aeafaf;}
.terms-layer .layer-contents .table-wrap table thead tr th{border-left:1px solid #e3e3e3;padding:20px;background: #f7f8f9;font-size:16px;}
.terms-layer .layer-contents .table-wrap table tbody tr td{border-top:1px solid #e3e3e3;border-left:1px solid #e3e3e3;padding:20px;font-size:15px;text-align: center}
.terms-layer .layer-contents .table-wrap ul{margin-top:15px}
.terms-layer .layer-contents .table-wrap ul li{font-size:16px;color:#333;}
.terms-layer .layer-contents .layer-body button{margin-top:25px;display: block;width:100%;border-radius: 10px;text-align: center;background: #ec5858;line-height: 60px;font-size:18px;font-weight: 600;color:#fff;}




.layer-password{position: fixed;top:0;left:0;width:100%;height:100%;z-index:1000;line-height: normal;}
.layer-password .layer-password-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius: 10px;box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.14);border: solid 1px #d4d4e8;background-color: #f5f5f8;padding:60px;width:100%;max-width: 550px;}
.layer-password .layer-password-wrap .pop-title{padding-left:37px;position: relative; font-size: 25px;font-weight: 800;color: #202020;}
.layer-password .layer-password-wrap .pop-title:before{content:"";position: absolute;left:0;width:32px;height:32px;background: url(/_public/images2/icon/password_ico.svg) no-repeat;background-size: cover;}
.layer-password .layer-password-wrap .layer-body{margin-top:20px;}
.layer-password .layer-password-wrap .layer-body .form-wrap{text-align: center;font-size:0;}

.layer-password .layer-password-wrap .layer-body .form-wrap input[type="password"]{border-radius: 10px;border: solid 1px #ccc;background-color: #fff;width:100%;height:60px;font-size: 18px;font-weight: 500;letter-spacing: 0.45px;padding:0 20px;}
.layer-password .layer-password-wrap .layer-body .form-wrap input[type="password"]::placeholder{color:#787878;}
.layer-password .layer-password-wrap .layer-body .form-wrap .button{margin-top:15px;display: block;width:100%;border-radius: 10px;background-color: #333;height:60px;font-size: 18px;font-weight: 500;letter-spacing: 0.45px;color:#fff;}
.layer-password .layer-password-wrap .layer-body .form-wrap .button:hover{background: #001039;}
.layer-password .layer-password-wrap .layer-body .layer-password-close{position:absolute;top:20px;right:20px;width:40px;height:40px;background: url(/_public/images2/icon/close2.svg) no-repeat;background-size: cover;font-size:0;}


.policy-popup{display:none;position: fixed;top:50%;left:50%;transform: translate(-50%, -50%);background: #fff; border-radius: 20px;box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.1);padding:45px 40px;z-index: 99999;width:100%;max-width:1120px;}
.policy-popup .close-policy{position: absolute;top:40px;right:40px;}
.policy-popup h2{font-size: 28px;font-weight: 600;color: #1b1b1b;}
.policy-popup .txt-box{margin-top:40px;max-height:580px;overflow-y: auto;font-size: 16px;font-weight: normal;line-height: 1.38;letter-spacing: -0.4px;color: #1b1b1b;word-break: keep-all;}



/* mobile */
@media all and (max-width:768px) {
    .layer-password .layer-password-wrap{max-width:90%;padding:40px 20px;}
    .layer-password .layer-password-wrap .pop-title{font-size:20px;padding-left:30px;}
    .layer-password .layer-password-wrap .pop-title:before{width:25px;height:25px;}
    .layer-password .layer-password-wrap .layer-body .layer-password-close{width:30px;height:30px;}
    .layer-password .layer-password-wrap .layer-body .form-wrap input[type="password"]{height:50px;font-size:14px;}
    .layer-password .layer-password-wrap .layer-body .form-wrap .button{height:50px;font-size:16px;margin-top:10px;}

    .popup{top:50% !important;left:50% !important;transform: translate(-50%, -50%);width:100%;max-width: 90%;}
    .popup .popup-contents img{display: block;width:100% !important;}


    .policy-popup{max-width:90%;max-height: 90%;padding:20px;border-radius: 10px;}
    .policy-popup h2{font-size:20px;}
    .policy-popup .close-policy{width:25px;height:25px;top:20px;right:20px;}
    .policy-popup .txt-box{margin-top:20px;font-size:14px;max-height:calc(100vh - 150px);}
}