@charset "utf-8";

/* 팝업리스트 */
.popup-list{display:flex; flex-wrap:wrap; justify-content:space-between;}
.member-popup{display: block; z-index: 999;}
.member-popup .popup-terms{display: block; margin:30px ; padding: 40px 40px 30px; width: 500px; height: auto; overflow: hidden; background: #fff; border:1px solid #ddd; text-align:center;}
.member-popup .popup-terms .popup-header{display: flex; align-items: center;}
.member-popup .popup-terms .popup-header .title{font-size: 24px; font-weight: 500; color: #000; flex:auto;}
.member-popup .popup-terms .popup-header .btn-close{line-height: normal; width: 16px; height: 16px; margin-left: auto;}
.member-popup .popup-terms .popup-body{overflow-y: auto; margin-top: 35px; text-align:center; height: auto !important;}
.member-popup .popup-terms .popup-body .terms_cont_tt{font-size: 15px; font-weight: 300; color: #000;}
.member-popup .popup-terms .popup-body p{font-size:16px; color:#333; line-height:24px;}
.member-popup .popup-terms .popup-body h4{padding:20px 0;}
.member-popup .membership-btn { margin-bottom: 0px; display: flex; justify-content:center;}
.member-popup .membership-btn button{height:55px; margin:30px 8px 0 8px; width:100%;}
.member-popup .btn-type01.btn-cancel{background:#999;}
.member-popup .btn-type01{ background: #AA1E50; width: 100%; height: 60px; font-size: 15px; font-weight: 500; color: #fff; padding: 18px; line-height: 22px; }

/* 회원가입 팝업 */
.message_layer { display: block; position: fixed; z-index: 50; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); }
.message_layer .popup-terms {display: block;position: absolute;top: 50%;left: 50%; transform: translate(-50%, -50%);padding: 0px 40px 40px;width: calc(100% - 40px); overflow: hidden;background: #fff;margin: 0 auto;}
.message_layer .popup-terms .popup-header { display: flex; align-items: center; }
.message_layer .popup-terms .popup-header .title { font-size: 22px; font-weight: 500; color: #000; }
.message_layer .popup-terms .popup-header .btn-close { line-height: normal; width: 16px; height: 16px; margin-left: auto; }
.message_layer .popup-terms .popup-body {height: 473px;overflow-y: auto;margin-top: 25px;}
.message_layer .popup-terms .popup-body .terms_cont_tt { font-size: 15px; font-weight: 300; color: #000; }
.message_layer .popup-terms .popup-body h4 { padding: 20px 0; }

/* toast */
.layer_toast {background: hsla(0,0%,7%,.6); border-radius: 25px; color: #fff; font-size: 14px; left: 50%; line-height: 22px; padding: 11px 32px; position: fixed; top: 90px; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; z-index: 10000; text-align: center;}