/*
+----------------------------------------------------------------------+
| Copyright (c) STUDYMAX.  co. Ltd
+----------------------------------------------------------------------+
| 작업일 : 2018-03-05
| 파일설명 : RA - 모바일 레이어 CSS (시즌 5)
+----------------------------------------------------------------------+
| 작업자 : 박소율
+----------------------------------------------------------------------+
| 수정이력
| 20180731 레이어 마스크 추가 by 박소율
+----------------------------------------------------------------------+
*/


/* 회원가입 쿠폰 */
.landingCouponLayer{position:relative;z-index:10000;}
.landingCouponLayer .couponLayerWrap{position: fixed; left: 50%;top: 50%; width: 90%; -webkit-transform: translate3D(-50%,-50%,0);transform: translate3D(-50%,-50%,0);}
.landingCouponLayer .couponContent{position:relative;background:#fff;}
.landingCouponLayer .couponContent .couponTitle{position:absolute;top:0;left:0;height:36px;background-color:#e30101;width:100%;text-align:center;}
.landingCouponLayer .coupon_title_img1{margin-top: 10px;margin-left:30px;height: 15px;}
.landingCouponLayer .couponTitleTxt{font-size:25px;color:#fff;font-family:NanumGothic;vertical-align:middle;!important;}
.landingCouponLayer .coupon_title_img2{margin-top:7px;margin-right:7px;height:20px;}
.landingCouponLayer .couponRegist{width:100%;padding-top:36px;}
.landingCouponLayer .couponRegist .couponRegistTitle{width:100%;text-align:center;margin-top:17px;margin-bottom:0;}
.landingCouponLayer .couponRegist .inputArea{width:100%;text-align:center;}
.landingCouponLayer .couponRegist .inputBox{font-size:15px;color:#b3b2b2;border:3px solid #b3b2b2;padding-left:10px;padding-top:6px;padding-bottom:4px;height:30px;}
.landingCouponLayer .couponRegist .inputStyle{border:0px;width:100%;}
.landingCouponLayer .couponRegist .inputStyle:focus{outline: none;}
.landingCouponLayer .couponRegistBtnStyle{}
.landingCouponLayer .couponInputTable{width:94%;margin-left:3%;margin-right:3%;}
.landingCouponLayer .couponRegist .btnArea{margin-left:10%;margin-right:10%;margin-top:8px;margin-bottom:8px;}
.landingCouponLayer .couponImg{width: 80%;}
.landingCouponLayer .m_coupon_btn {color: #fff;background-color: #e30101;border-color: #b70b0b;width:100%;padding:10px;font-size:25px;text-decoration: none;padding: 4px 12px;margin-top:-2px;font-weight: bold;text-align: center;white-space: nowrap;cursor: pointer;background-image: none;border: 1px solid transparent;border-radius: 6px;
-ms-touch-action: manipulation;
touch-action: manipulation;-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;user-select: none;
}
.landingCouponLayer .noteArea{background-color:#fff;padding-bottom:20px;}
.landingCouponLayer .noteAreaBack{margin-left:3%;margin-right:3%;background-color:#e7e6e6;border-radius: 6px;padding:15px 5px;}
.landingCouponLayer .noteTitle{margin-left:10px;height:15px}
.landingCouponLayer .noteAreaStyle li {padding: 0 10px 0 20px;color: #616161;font-size: 12px; word-spacing: -1px;background: url('/img/ico_grayDot.png') no-repeat 10px 8px;background-size: 3px auto;-webkit-background-size: 3px auto;
-moz-background-size: 3px auto;
 -o-background-size: 3px auto;
}
.landingCouponLayer .couponlayerBackground.on {display: block;background: rgba(1,1,1,0.7);position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 0;}
.landingCouponLayer .couponlayerBackground {display: none;}
.landingCouponLayer .couponLayer .height50{height:50%;}
.landingCouponLayer .coupon_title_img3{height: 16px;vertical-align: middle;}
.landingCouponLayer .marginT5{margin-top:5px;}
.landingCouponLayer .couponTableSty1{width:100%;}
.landingCouponLayer .couponTableSty2{width:90%;text-align:center;}
.landingCouponLayer .couponTableSty3{width:10%; text-align:right;}
.landingCouponLayer .dateWrap{text-align:center;margin:0 auto;background-color:#e3e3e3;padding:5px  5px 3px 5px;border-radius:10px;width:230px;}
.landingCouponLayer .date{font-size:11px;color:#4f4f4f;text-align:center;background-image: none;padding-left: 0;}
.landingCouponLayer .bold{font-size:11px;font-weight:bold;color:#4f4f4f;text-align:center;}

.joinEventInput{margin:0 auto 0; padding:1.0em 1.0em 0 1.0em; font-size:0.8em;color:#474747;background:none;border:none; height: 150px; position: relative;}
.joinEventInput .loginH1{ text-align:center;}
.joinEventInput .loginH1 a{ display:block; height:50px; background-position:50% 14px;border-bottom:2px solid #d2d2d2;}
.joinEventInput .loginH2 strong{color:#e30101;}
.joinEventInput .inputText{border:#d4d4d4 1px solid;font-size:1.0em;margin-bottom:8px;overflow: hidden;height: 2.9em;padding: 0;} /*position: fixed; left:0; right: 0;*/
.joinEventInput .inputIDArea{}
.joinEventInput .inputPassArea{}
.joinEventInput .inputPhoneArea{}

.joinEventInput .inputText input{height:2.0em; line-height:2.0em; -webkit-appearance: none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none; width:100%;border-radius:0px; border:0;padding:6px 0 6px 6px;outline: 0;}

.joinEventInput .hidden{visibility:hidden;overflow:hidden;position:absolute;left:-1000em;width:0;height:0;font-size:0;line-height:0;}

.arrowImg{width:6px;margin-left:2px;}


/* 기존회원 & 네아로 버튼 */
.bottomTextLogin{width:100%;text-align:center;padding-bottom:15px;}
.bottomTextLogin .textLogin, .bottomTextLogin .textNaver{text-decoration:underline;font-size:12px;letter-spacing:-1px;display:inline-block;}
.bottomTextLogin .textLogin{font-weight:bold;color:red;text-decoration:underline;font-size:12px;letter-spacing:-1px;display:inline-block;position:relative;left:10px}
.bottomTextLogin .naverLoginArea{position:relative;top:4px;left:5px;display:inline-block;width:137px;}
.bottomTextLogin .textNaver{font-weight:bold;color:#0da145;margin-left:1.5em;}

/* 레이어 마스크 */
.layerMaskBackground{position: fixed; left: 0; top: 0; bottom: 0; right :0; z-index:100; display: none; overflow: hidden;}
.layerMaskBackground.on{ background-color: rgba(0,0,0,0.5);display: block;}