@charset "utf-8";
/* ******************************************************
	COUPON > 쿠폰 
	coupon.jsp
*******************************************************/
/*****************이벤트 쿠폰*************************/
.event_coupon{position:relative}
.event_wide_wrap{padding:0;}
.event_wide_wrap img,
.event_coupon img{width:100%;object-fit:contain}
.mb_coupon_content{display:flex;align-items:center;padding:0;}
.mb_coupon{margin:0;padding:0;display:block}
.mb_coupon.disnon{display:none}
.coupon_modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.3;filter:alpha(opacity:30);z-index:5;}

/*PC접근금지 모달*/
.warningModal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.3;filter:alpha(opacity:30);z-index:150}
.warning_pop_wrap{display:none;position:fixed;left:0;right:0;top:0;bottom:0;text-align:center;z-index:9999}
.warning_pop_wrap:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}
.warning_pop_layer{display:inline-block;position:relative;vertical-align:middle;width:30%;padding:100px 0;background-color:#fff;z-index:10}
.warning_pop_layer p{font-size:23px;font-weight:600}
.warning_pop_layer p:nth-of-type(2){margin-top:15px}

/*이벤트 쿠폰 팝업(체험 지점 선택)*/
.event_coupon .pop_wrap{display:none;position:fixed;left:0;right:0;top:0;bottom:0;text-align:center;background-color:rgba(0,0,0,0.5);z-index:20;}
.event_coupon .pop_wrap:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}
.event_coupon .pop_wrap .close{position:absolute;top:3px;right:15px;cursor:pointer;font-size:25px}
.event_coupon .pop_layer{display:inline-block;position:relative;vertical-align:middle;width:80%;max-width:400px;padding:30px;background-color:#fff;z-index:10;}

.event_coupon .pop_layer .pop_guide_text > h4{font-size:17px;font-weight:700;margin:20px 0 10px 0;}
.event_coupon .pop_layer .pop_guide_text{font-size:14px;line-height:1.6;font-weight:600}
.event_coupon .pop_layer .pop_guide_text .warning{color:red;margin:4px 0}
.event_coupon .pop_layer .pop_back_text{margin-top:15px;font-size:14px;font-weight:600}
.event_coupon .pop_layer .pop_employee_btn{display:flex;justify-content:center;margin-top:15px;width:100%;height:40px;}
.event_coupon .pop_layer .pop_employee_btn button{width:100%;background:url(https://bodyfriend.speedgabia.com/img/bodyfriend/event/coupon/coupon_unuse_bg.png) no-repeat center;background-size:contain;border:0;color:#fff;font-size:16px;}
.event_coupon .pop_layer .pop_employee_btn button.check{width:100%;background:url(https://bodyfriend.speedgabia.com/img/bodyfriend/event/coupon/coupon_used_bg.png) no-repeat center;background-size:contain;color:#fff;font-size:16px;}
.event_coupon .pop_layer .pop_warning_text{margin-top:5px;font-size:13px;font-weight:600;color:red;}
.event_coupon .pop_layer input[type=password],
.event_coupon .pop_layer input[type=text]{padding:0 10px;border:1px solid #e4e4e4;width:100%;height:50px;line-height:50px;border-radius:0;font-size:16px;}

/*select2 커스텀*/
.event_coupon .select2-container{width:100%!important;border-radius:0;font-size:14px}
.event_coupon .select2-container--default .select2-selection--single .select2-selection__arrow{height:50px}
.event_coupon .select2-container--default .select2-selection--single{border:1px solid #e4e4e4}
.event_coupon .select2-container--open .select2-dropdown{border-radius:0;border:1px solid #e4e4e4}
.event_coupon .select2-container--default .select2-selection--single,
.event_coupon .select2-selection__rendered{width:100%;height:50px;line-height:50px!important;border-radius:0;text-align:left}
.event_coupon .select2-results__option{font-weight:700}
.event_coupon .select2-container--default .select2-search--dropdown .select2-search__field{line-height:20px}

/*COUPONE 이벤트별 버튼*/
.event_coupon .coupon_use_btn{position:absolute;width:80%;height:8%;left:50%;transform:translate(-50%)}
.event_coupon .coupon_use_btn button,
.event_coupon .coupon_use_btn button.useCoupon{width:100%;height:100%;padding:0;background-color: transparent;background-size:contain;background-repeat:no-repeat;border:0;color:#fff;font-size:6.5vw;font-weight:800;}
.event_coupon .coupon_use_btn{position:absolute;width:80%;height:7.6%;left:50%;transform:translate(-50%)}
.event_coupon.COUPON_ROVO .coupon_use_btn{bottom:30%;}
.event_coupon.COUPON_ROVO .coupon_use_btn button{text-indent:0;background-position: center;background-image: url("https://bodyfriend.speedgabia.com/img/bodyfriend/event/coupon/coupon_unuse_bg.png");}
.event_coupon.ROVO .coupon_use_btn,
.event_coupon.ATLAN .coupon_use_btn{bottom:8%}
.event_coupon.COUPON_009 .coupon_use_btn{width:90%;height:10.6%;bottom:11%}
.event_coupon.COUPON_010 .coupon_use_btn{width:80%;height:7%;bottom:13%}
.event_coupon.COUPON_011 .coupon_use_btn{width:80%;height:7%;bottom:11%}
.event_coupon.COUPON_012 .coupon_use_btn,
.event_coupon.COUPON_013 .coupon_use_btn,
.event_coupon.COUPON_014 .coupon_use_btn,
.event_coupon.COUPON_015 .coupon_use_btn{width:89%;height:8%;bottom:12.5%}
.event_coupon.COUPON_016 .coupon_use_btn,
.event_coupon.COUPON_017 .coupon_use_btn{width: 79%;height: 8%; bottom: 12.5%}
.event_coupon.COUPON_018 .coupon_use_btn{width: 79%;height: 8%; bottom: 16.5%}
.event_coupon.COUPON_019 .coupon_use_btn{width: 79%;height: 8%; bottom: 11.5%}
.event_coupon.COUPON_020 .coupon_use_btn{height: 8%; bottom: 12.5%}
.event_coupon.COUPON_021 .coupon_use_btn{width:90%;bottom: 11.5%;}


.event_coupon.COUPON_008 .coupon_use_btn{width:90%;height:8.6%;bottom:6%}
.event_coupon.CHUSEOK_007 .coupon_use_btn{width:90%;height:6.6%;bottom:6%}
.event_coupon.CHUSEOK_006 .coupon_use_btn{width:90%;height:8%;bottom:8%}
.event_coupon.CHUSEOK .coupon_use_btn{width:90%;height:6.6%;bottom:8%}
/*사용된 쿠폰배경*/
.event_coupon .coupon_use_btn button.useCoupon{text-indent:0;background:#cfcfcf;border-radius:10px;}
.event_coupon.COUPON_009 .coupon_use_btn button.useCoupon{text-indent:0;background-image:url(https://bodyfriend.speedgabia.com/img/bodyfriend/event/coupon/coupon_used_bg.png);background-position:center}

/*
.event_coupon.COUPON_012 .coupon_use_btn{position:absolute;width:80%;height:7.6%;left:50%;transform:translate(-50%)}
.event_coupon.COUPON_012 .coupon_use_btn button.useCoupon{width:100%;height:100%;padding:0;border-radius:10px; background-color:#ccc;background-image:none;border:0;color:#ededed;font-size:4.5vw;font-weight:500;text-indent:0;}
*/


/* 팬텀 로보 이벤트
 /event/rovo  
*/
.event_phantomrovo{position:relative;width:100%}
.event_phantomrovo div img{display:block;width:100%;object-fit:cover}
.phantomrovo_inputBox{position:absolute;width:80%;top:68%;left:50%;transform:translate(-50%)}
.phantomrovo_inputText{padding:10px 10px 0 10px;border:1px solid #e8cc78;border-radius:7px;background:#fff;font-family:'BodyfriendB'}
.phantomrovo_inputText .phantomrovo_Text{border-top:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf}
.phantomrovo_Text div{padding:7px 0}
.phantomrovo_Text div:nth-of-type(1){border-bottom:1px solid #bfbfbf}
.phantomrovo_Text div ul{display:flex;padding:0 10px}
.phantomrovo_Text div ul li:nth-of-type(1){width:25%;text-align:left;position:relative;font-size:13px;}
.phantomrovo_Text div ul li:nth-of-type(1):after{content:"";width:1px;height:15px;background:#bfbfbf;position:absolute;right:0}
.phantomrovo_Text div ul li:nth-of-type(2){width:70%;position:relative}
.phantomrovo_Text div ul li:nth-of-type(2) input[type=text]{width:95%;height:100%;margin-left:3px;padding:0 10px;position:absolute;top:1px;left:0;border:none}
.phantomrovo_Text div ul li:nth-of-type(2) input[type=text]:focus{outline:none;background-color:#fff!important}
.phantomrovo_checkbox{display:flex;justify-content:center;align-items:center;height:30px}
.phantomrovo_checkbox input[type="checkbox"]{display:none}
.phantomrovo_checkbox input[type="checkbox"] + label{top:0;margin:0;padding:0;position: relative;}
.phantomrovo_checkbox input[type="checkbox"] + label:before{content:'';display:block;width:11px;height:11px;border:1px solid #8e8f91;position:absolute;left:-18px;top:-6px}
.phantomrovo_checkbox input[type="checkbox"]:checked + label:before{content:"\2714";width:10px;height:11px;opacity:1;font-size:11px;color:#111;padding-left:1px;line-height: 1;}
.phantomrovo_checkbox #markettingAgree{padding:7px 0;font-size:12px;}
.phantomrovo_inputButton{width:100%;margin-top:7px}
.phantomrovo_inputButton ul{display:flex;justify-content:space-between;height:100%}
.phantomrovo_inputButton ul li{width:50%;height:10vw}
.phantomrovo_inputButton ul button{width:100%;height:100%;padding:0;text-indent:-9999px}
.phantomrovo_inputButton ul li:nth-of-type(1) button{background:url(https://bodyfriend.speedgabia.com/img/bodyfriend/event/rovo/btn_coupon.png) no-repeat;background-size:cover}
.phantomrovo_inputButton ul li:nth-of-type(2) button{background:url(https://bodyfriend.speedgabia.com/img/bodyfriend/event/rovo/btn_reserve.png) no-repeat;background-size:cover}
.event_phantomrovo .phantomrovo_link{position:absolute;width:38vw;height:10vw;left:50%;transform:translate(-50%);bottom:8%}
.event_phantomrovo .phantomrovo_link button{width:100%;height:100%;padding:0;background:url(https://bodyfriend.speedgabia.com/img/bodyfriend/event/rovo/btn_link.png) no-repeat;background-size:contain;boder:0;text-indent:-9999px;}

/* ******************************************************
	라이브 이벤트
*******************************************************/
.live_talk_wrap{text-align:center; }
.live_talk_wrap.live{padding:60px 0;}
.live_talk_wrap > div,
.live_talk_wrap > h3{display:block;}
.live_talk_btn_wrap{margin-bottom:60px;}
.live_talk_btn_wrap strong{margin-top:30px;font-size:36px !important;font-weight:700;line-height:1.4;font-family: 'NotoSansKR-Bold';}
.live_talk_btn_wrap p{margin:30px auto;font-size:20px !important;}
.live_talk_btn_wrap p.warn_info{color: #B20404;}
.live_talk_btn_wrap span{display:block;margin-bottom:30px;font-size:16px !important; color:#999;}
.live_talk_btn_wrap a{display:inline-block;padding:15px 40px;border-radius:10px;background:#7139D8;color:#fff;font-size:18px !important;}
.live_talk_btn_wrap > button{padding:15px 40px;border-radius:10px;background:#7139D8;color:#fff;font-size:18px;}


/*라이브 알림톡 마수동체크*/
#modal_live_talk{display:none;width:375px;z-index:11;}
#modal_live_talk .modal__inner{padding:20px;min-height:200px;max-height: calc(100% - 40px);text-align:center;}
#modal_live_talk .modal__con > strong{display:block;font-size:20px;margin-bottom:20px;}
#modal_live_talk .modal__con > p{font-size:16px;color:#666;}
#modal_live_talk .modal__con > img{margin:25px auto;}
#modal_live_talk .modal__con .chk{display:block;position:relative; padding:15px 20px;border:1px solid #e6e6e6;border-radius:10px;text-align:left;cursor:pointer;}
#modal_live_talk .modal__con .chk.active{border-color:#7139D8;}
#modal_live_talk .modal__con .chk input{border:0;}
#modal_live_talk .modal__con .chk label:before {content:""; position: absolute;left: 20px;border: 0;}
#modal_live_talk .modal__con .chk label:before{width:20px;height:20px;background-size:contain;background-image:url('https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_check_round_off.svg')}
#modal_live_talk .modal__con .chk input:checked + label:before{background-image:url('https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_check_purple_on.svg')}
#modal_live_talk .modal__con .chk label{cursor:pointer;}
#modal_live_talk .modal__con .chk label span{color:#7139D8;}
#modal_live_talk .modal__con > span{display:block;margin:25px 0;font-size:13px;color:#999;}
#modal_live_talk .modal__con button{display:block;padding:15px;width:100%;border-radius:10px;background:#F7F7F7;border:0;font-size:16px;color:#999;background:#7139D8;color:#fff;}
#modal_live_talk .modal__con button:disabled{background:#F7F7F7;color:#999;}
#modal_live_talk .modal__con .chk a{position: absolute; top: 17px;  right: 15px;width: 20px;height: 20px;}
#modal_live_talk .modal__con .chk a:after{content:"";position: absolute;top:50%;right:5px;width:10px;height:10px;border-top:2px solid #afafaf;border-right:2px solid #afafaf;transform:translateY(-50%) rotate(45deg);}

@media all and (max-width:640px){
    .live_talk_btn_wrap > strong{font-size:30px !important;}
    .live_talk_btn_wrap > span,
    .live_talk_btn_wrap > p{font-size:14px !important;}
}

@media all and (max-width:375px){
    #modal_live_talk{width:calc(100% - 10px);}
}