@charset "utf-8";
/* 회원로그인/가입 **/
.memberModal .modal-content {
	border-radius: 20px;
	border: 2px solid var(--bmw-board-color);
	background: #18130d;
}
.memberModal.modal .modal-footer,
.memberModal.modal .modal-header {
	border-color: var(--bmw-board-color);
}
.memberModal.modal.show {
	background-color: rgba(0, 0, 0, .4);
    backdrop-filter: blur(4px);
}
/* 로그인 */
.tooltips {position: fixed;padding: 10px 20px;text-align: center;color: #000;font-size:14px;border-radius:0.8em;background-color: #fc0;box-shadow:2px 2px 2px rgba(0, 0, 0, .3);opacity:0.95;}
.memberModal .loginWrap,
.memberModal .joinWrap {padding:20px; text-align: center;}
.memberModal .input-box {display: flex; justify-content: center; align-content: center;align-items: center;flex-wrap: wrap;width: 100%; height: 46px;margin:10px 0; border-bottom: 1px solid var(--bmw-board-color);}
.memberModal i.las {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 46px;
    background: linear-gradient(#764928,#d48d2a);
    -webkit-background-clip: text;
    font-size: 32px;
    color: transparent;
}
.modal-title {color: #fff; font-weight: 600; text-shadow: 1px 1px #32230c;}
.memberModal .input-box input.memberInput {background-color:transparent; border: none; outline: none; font-size: 13px; color: #fff;flex-grow: 1; padding-left: 25px;}
.memberModal .input-box input.memberInput::placeholder {color: #aaaaaa; letter-spacing: -1px;}
.memberModal .input-box input.memberInput:focus,
.memberModal .input-box input.memberInput:focus::placeholder {color:#ffcc00;}
.memberModal .input-box input.memberInput.kcode {background-size:0 0;background-position:0 0;background-repeat:no-repeat;}
.memberModal .input-box input.memberInput.kcode:focus {background-position:right center;background-size:140px 36px;}
.memberModal .t1 {margin-top: 2em; font-size: 1.2em ;font-weight: 600; color: #cc2525;}
.memberModal .t2 {margin-top: 5px; font-size: 1.2em ;font-weight: 600; color: #444;}
.btnLogins {font-size: 24px; width: 100%; padding: 10px; height: unset; margin: 0; background-image: var(--bmw-head-btn-bg2);}
.btnLogins:hover { background-image: var(--bmw-head-btn-bg1);}
.modal.memberJoin .modal-dialog {max-width: 700px;}
.memberWrapLogo {width: 300px;}
.memberModal .loadImg {display:block;margin:auto;}
.loginWrap input.inputNuberNoArrow {
  transition: 0s;
  background-position: 0 0;
  background-size: 0 0;
  background-repeat: no-repeat;
}
.loginWrap input.inputNuberNoArrow:focus {
  background-position: right 10px center;
  background-size: 54px 22px;
}
.memberModal .joinWrap .input-group {
	margin: 4px 0;
}
.memberModal .joinWrap .input-group select,
.memberModal .joinWrap .input-group input.memberInput {
	border: 2px solid var(--bmw-board-color);
	background-color: #000;
	padding: 10px;
	color: #fff;
}
.memberModal .joinWrap .input-group input.memberInput.sinput {
	border-right: none;
}
.memberModal .joinWrap .input-group .input-group-text {
	border:none;
	background-color: transparent;
	width: 80px;
	font-size: 13px;
	flex-grow:0;
}
.gtitle {display: none;}
.memberModal .joinWrap .input-group .input-group-text::after {
	content: "*";
	color: red;
	vertical-align: super;
	padding-left: 5px;
}
.memberModal .joinWrap .input-group select,
.memberModal .joinWrap .input-group input {
	flex-grow:1;
}
.memberModal .joinWrap .input-group button {
	flex-grow:0;
	width: 80px;
}

.memberModal .checkBtn {
	border-radius: 0;
	border: 2px solid var(--bmw-board-color);
	width: 100px;
	height:100%;
	padding: 10px;
	font-family: '나눔고딕';
	background-image: var(--bmw-head-bg-gradient);
}
.memberModal .checkBtn:hover {
	color: var(--bmw-main-title);
}
.memberModal .joinWrap select:focus,
.memberModal .joinWrap input:focus,
.memberModal .checkBtn:focus {
	outline: 4px solid rgba(0,0,0,0.5);
}
.btns {
	border: none;
}