@charset "utf-8";
*{margin:0;padding:0;box-sizing: border-box;border:0;font-family: 'NotoSansKR-Regular'; /* font-family: 'Bodyfriend_Sans_Regular'; */}
body{overflow-x:hidden;color:#000;}
ol, ul, li{list-style:none}
fieldset{border:none;}
caption, legend{font-size:0px;line-height:0px;width:0px;height:0px;overflow:hidden;}
legend{position:absolute;top:0px;left:-9999px}
img{border:0 none;vertical-align: middle;}
a{text-decoration:none;cursor:pointer;color:#1D1D1F;}
i, em, address{font-style:normal;font-weight:normal}
table{border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;empty-cells:show}
th,td{word-wrap:break-word;}
b{font-weight: 500;}
strong{font-weight:700;}
input, button, select{padding:4px 10px;border:1px solid #eee;font-size:14px;cursor:pointer;appearance: none;-webkit-appearance: none;-webkit-border-radius: 0;}
select{appearance: none;padding-right: 30px; min-width: 100px;background: url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_arrow_down.svg) no-repeat calc(100% - 5px) center #fff;vertical-align: middle;}
select::-ms-expand{display: none;}
input[type="text"],
input[type="password"]{cursor:text; vertical-align: middle;}
input[type="button"],
input[type="submit"]{vertical-align: middle;}
input[type="text"]:disabled{background: #eee;}
input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus{}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #fff inset;}
input[type="text"].focus,
textarea.focus,
select.focus{border-color:#d4202b;}

/* ******************************************************
	welcom-coupon
*******************************************************/
.welcom-coupon-wrap{display:flex;margin:0 auto;width:640px;height:100vh;text-align:center; flex-direction: column; align-items: center;}
.welcom-coupon-wrap img{width:100%;}
@media all and (max-width:640px){
    .welcom-coupon-wrap{width:100%;}
}
/* ******************************************************
	고객앱 이동
*******************************************************/
.redirect-membership-page{display:flex;margin:0 auto;width:640px;height:100vh;text-align:center;justify-content: center; flex-direction: column; align-items: center;}
.redirect-membership-page > h2{display:block;margin:20px 0;color:#B4875E;font-size:20px;line-height:1.4;}
.redirect-membership-page > p{color:#8A8B8D;font-size:13px;line-height:1.4;}
@media all and (max-width:640px){
    .redirect-membership-page{width:100%;}
}
/* ******************************************************
	고객앱 > 공유 이벤트
*******************************************************/
.share-event-wrap{margin:0 auto;width:640px;}
.share-event-wrap > div,
.share-event-wrap > div > img{width:100%;}
.share-event-wrap .first-showroom,
.share-event-wrap .top{position:relative;}
.share-event-wrap .first-showroom .btn-area,
.share-event-wrap .top .btn-area{position:absolute;bottom:1%;left:50%;transform:translate(-50%,-50%);width:80%;}
.share-event-wrap .btn-area button{display:block;margin:10px 0;padding:20px 0;width:100%;font-size:18px;border:0;border-radius:5px;}
.btn-kakao{background:#F6E24B;color:#000}
.btn-sms{background:#000;color:#fff;}
.btn-showroom{background:#9A43EB;color:#fff;}
.share-event-wrap .bottom{background:#000;color:#fff;}
.share-event-wrap .bottom > button{position:relative; display:block;padding:30px 30px 30px 60px;background:#000;color:#fff;border:0;text-align:left;width:100%;font-size:14px;}
.share-event-wrap .bottom > button:before,
.share-event-wrap .bottom > button:after{content:"";position:absolute;top:30px;display:block;width:20px;height:20px;background-size:contain;}
.share-event-wrap .bottom > button:before{left:30px;background:url('https://bodyfriend.speedgabia.com/img/bodyfriend/event/share/ico_info.svg')no-repeat center;}
.share-event-wrap .bottom > button:after{right:30px;background:url('https://bodyfriend.speedgabia.com/img/bodyfriend/event/share/ico_back.svg')no-repeat center;}
.share-event-wrap .bottom > button.active:after{transform:rotate(180deg);}
.share-event-wrap .toggle-area{padding:0 30px 130px 30px;line-height:1.8;word-break:keep-all;font-size:14px;}


.modal{position:fixed;top:0;left:0;z-index:10;width:100%;height:100%;}
.modal.active{display:block !important;}
.modal:before{content:"";background:rgba(0,0,0,0.7);width:100%;height:100%;position:absolute;top:0;left:0;}
.modal .con{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:10px;background:#fff;}
.modal .con > div{display:flex;}
.modal .con > div > button{position:relative;padding:15px 10px 15px 10px;width:50%;background:none;border:0;font-size:14px;color:#000;}
.modal .con > div > button:first-child:after{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);width:1px;height:15px;background:#ddd;}
.modal-user-new{z-index:40;}
.modal-user-new .con > div > button:last-child{color:#9A43EB }
.modal-showroom-first .con > div > button:last-child{color:#00807A}

@media all and (max-width:640px){
	.share-event-wrap{width:100%;}
}
@media all and (max-width:450px){
    .share-event-wrap .first-showroom .btn-area{bottom:0;}
	.share-event-wrap .top .btn-area{bottom:-50px;}
	.share-event-wrap .btn-area button{padding:15px 0;}
}