.member_wrap{ max-width:480px; margin:0 auto; }
@media (max-width:510px){ 
.member_wrap{width:100%; box-sizing:border-box;}
}
/*로그인영역*/
.login_area{ overflow:hidden; margin-top:1em; position:relative; display:table; width:100%; table-layout:fixed;}
.login_area .input_area,
.login_area .btn_area{ display:table-cell; vertical-align:middle;}
.login_area .btn_area{ width:100px; padding-left:8px; text-align:center;}
.login_area input[type="text"], 
.login_area input[type="password"]{ display:block; height:40px; width:100%;}
.login_area input[type="password"]{ margin-top:5px;}
.login_area .btn_login{ background:#2691c8; color:#fff; border:none; display:block; width:100%; height:89px;}
/*로그인상태유지 및 아이디, 비밀번호 찾기*/
.login_check{ overflow:hidden; margin-top:10px; line-height:30px; font-size:0.85em;}
.login_check .btn_id_pw{ text-align:center; float:right;}
.login_check .btn_id_pw a{display:inline-block; background:#eee; padding:0 10px; height:30px; line-height:30px;border-radius:4px;}
/*sns 로그인*/
.login_sns{ overflow:hidden;}
.login_sns li{ /*width:49.5%; float: left;*/ margin-left:1%; box-sizing:border-box; border-left:1px solid #ddd; text-align:center; color:#fff; font-weight:bold;  border-radius:4px; overflow:hidden;background:#ccc;} 
.login_sns li:first-child{ margin:0;}
.login_sns li a{ display:block;padding:10px 10px 8px 10px;  line-height:1.8;}
.login_sns li img{height:1.4em; margin-right:5px;}
.login_sns li.sns_facebook:hover{ background:#547bbd; transition:all 0.5s;}
.login_sns li.sns_naver:hover{ background:#6db756; transition:all 0.5s;}
@media (max-width:350px){
	.login_sns li{ margin:0; float:none; width:100%;} 
	.login_sns li:first-child{margin-bottom:4px;}
}
/*or*/
.or{ text-align:center; background:url(/html/images/common/line.gif) repeat-x 0 50%; margin:40px 0 20px 0;}
.or span{ background:#fff; display:inline-block; padding:0 1em;}
/*하단 박스*/
.bg-p{ background:#eee; overflow:hidden; line-height:3em; padding:0 0 0 1em; margin-top:2em;}
.bg-p a{ display:inline-block; background:#666 url(/html/images/common/arrow_bg2.png) no-repeat 105% 45%; background-size:auto 0.8em; color:#fff; height:3em; line-height:3em; padding:0 1.8em 0 1em; float:right;}


/*휴면계정해제*/
.login-title{ text-align:center; font-size:1.15em; font-weight:bold; margin:1em 0 0.5em 0;}
.quiescence_p{font-size:0.95em; text-align:center; margin-bottom:2em;}
.login_area .btn_sleep{ background:#2691c8; color:#fff; border:none; display:block; width:100%; height:42px; line-height:40px;}
.login_area .btn_area.sleep{ width:120px; }
.btn_a{display:inline-block; background:#eee url(/html/images/common/arrow_bg.png) no-repeat 101% 45%; background-size:auto 0.8em; padding:0 2em 0 1em; height:30px; line-height:30px;border-radius:4px; font-size:0.9em; font-weight:bold;}

/*일반회원가입*/
input.btn_join_basic,
.btn_join_basic{ display:block; width:100%; background:#2691c8; color:#fff; font-weight:bold; font-size:1.2em; text-align:center; padding:0.8em 0 0.5em 0; border-radius:4px; border:none; line-height:1.4; cursor:pointer;}
input.btn_join_basic2,
.btn_join_basic2{ display:block; width:100%; background:#f5f5f5 url(/theme/ydream/images/common/fn.png) no-repeat 2em 50%; background-size:auto 1.5em; color:#333; font-weight:bold; font-size:1.2em; text-align:center; padding:0.8em 0 0.5em 0; border-radius:4px; border:none; line-height:1.4; margin-top:20px; padding-left:2em; box-sizing:border-box;}
@media (max-width:360px){
	input.btn_join_basic2,
	.btn_join_basic2{background:#f5f5f5 url(/theme/ydream/images/common/fn.png) no-repeat 0.8em 50%; background-size:auto 1em; }
}

.member_wrap li {
  margin-bottom: 20px;
}

.form-row {
  display: flex;
  flex-direction: column;
}

/* 라벨 */
.form-row label {
  font-weight: bold;
  margin-bottom: 6px;
  font-size: 0.95em;
}

/* input + 버튼 */
.input-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* 인풋 */
.input-wrap input[type="text"],
.input-wrap input[type="password"],
.input-wrap input[type="email"],
.input-wrap input[type="tel"] {
  flex: 1;
  height: 44px;
  padding: 0 10px;
  box-sizing: border-box;
  font-size: 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

/* 포커스 시 스타일 */
.input-wrap input:focus {
  border-color: #0084ff;
  outline: none;
  font-weight: bold;
  background: #fff;
}

/* 중복확인 버튼 등 */
.check-btn {
  height: 44px;
  padding: 0 15px;
  background: #666;
  color: #fff;
  border: none;
  font-size: 14px;
  cursor: pointer;
  white-space: nowrap;
  border-radius: 4px;
}

.check-btn:hover {
  background-color: #444;
}

/* 경고 및 설명 메시지 */
.info-msg {
  font-size: 0.85em;
  color: #666;
  margin-top: 4px;
}

.warning-msg {
  font-size: 0.85em;
  color: red;
  margin-top: 4px;
}

/* 뉴스레터 */
.p_label {
  font-weight: bold;
  font-size: 0.95em;
  margin-bottom: 6px;
}

.p_input {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* 자동등록방지 captcha 영역 대응 */
.captcha {
  width: 100%; border:0;
}

.captcha_box {
  margin-top: 10px;
}
.captcha  button{  border:0; background:#eee; font-size:14px; padding:8px 10px; border-radius:4px; border-bottom:1px solid #ddd;}
.captcha .captcha_box{ width:100%; box-sizing:border-box;}
.captcha #captcha_info{ display:block; font-size:14px; margin-top:5px;}

/* 제출 버튼 */
.btn_submit {
  width: 100%;
  padding: 14px;
  font-size: 16px;
  font-weight: bold;
  background: #0084ff;
  color: #fff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  margin-top: 10px;
}

.btn_submit:hover {
  background: #006ad1;
}




/*이용약관*/
.terms_wrap{ overflow:hidden; margin-top:3em;}
.terms_wrap .scroll-box{ width:100%; height:10em; overflow-y:auto; border:1px solid #ccc; margin:1em 0 2em 0; box-sizing:border-box; padding:1em; font-size:0.9em;}
.terms_wrap .scroll-box ul.bu03 li:first-child{ margin-top:0 ;}
.terms_wrap .terms1,
.terms_wrap .terms2{ position:relative; overflow:hidden;padding-top:0.2em;}


.terms_wrap p{ text-align:left !important; color:#000 !important;}
.terms_wrap input[type="checkbox"].input-chk {  position: absolute; width: 1px; height: 1px;  padding: 0;  margin: -1px;  overflow: hidden;  clip:rect(0,0,0,0);  border: 0;}
.terms_wrap input[type="checkbox"].input-chk + label{ font-size:1.1em; padding-top:0.1em; background:url(/html/images/common/checkbox_bg.jpg) no-repeat 0 0.1em; background-size:1.2em; padding-left:1.5em; line-height:1.4; font-weight:bold; letter-spacing:-1px; display:inline-block;}
.terms_wrap input[type="checkbox"].input-chk:checked + label{ background:url(/html/images/common/checkbox_bg_on.jpg) no-repeat 0 0.1em; background-size:1.2em; }

/*전체보기*/
.terms_wrap .btn_a{position:absolute; right:0; top:0;}




/*아이디찾기*/
.bg_box01{ background:#eee; text-align:center; font-size:1.2em; padding:10px; margin-bottom:10px;}
.bg_box01 strong{ color:#2691c8}





.newpop .login-title{color:#2691c8; margin:0; font-size:1.5em;}
.newpop form.mg-t20{ margin-top:5px !important;}
.newpop .member_wrap form li label { font-size:1em;}
.newpop .member_wrap .captcha { border:3px solid #ddd;overflow:hidden; padding:10px 15px 15px 15px; position:relative;}

.newpop .member_wrap .captcha  img{ overflow:hidden; float:left;}
.newpop .member_wrap .captcha  button{  border:0; background:#eee; font-size:13px; padding:5px 8px; border-radius:4px; border-bottom:1px solid #ddd;}
.newpop .member_wrap .captcha   #captcha_mp3{ position:absolute; bottom:15px; left:15px;}
.newpop .member_wrap .captcha   #captcha_reload{ position:absolute; bottom:15px; left:105px;}
.newpop .member_wrap .captcha  input[type="text"]{float:right; width:60%; margin-top:10px;height:40px;}
.newpop .member_wrap .captcha #captcha_info{display:block; text-align:right; overflow:hidden; clear:both; }

.newpop .member_wrap .captcha .captcha_box{ width:100%; box-sizing:border-box;}




.newpop .member_wrap .win_btn{ text-align:center; margin-top:10px;}
.newpop .member_wrap .win_btn button,
.newpop .member_wrap .win_btn input{ display:inline-block; max-width:40%; width:100px; height:36px; line-height:36px; margin:0; font-size:1em; font-weight:bold;}
.newpop .member_wrap .win_btn .btn_gray{background:#999; color:#fff; border:none;}
.newpop .member_wrap .win_btn .btn_basic{background:#0a97a1; color:#fff; border:none;}

@media(max-width:470px){
	.newpop .member_wrap #mb_email{ margin-bottom:20px;}
	.newpop .member_wrap .captcha{text-align:center;}
	.newpop .member_wrap .captcha  img{ overflow:hidden; float:none; margin:0 auto; display:block;}
	.newpop .member_wrap .captcha   #captcha_mp3{ position:relative; bottom:0; left:0;}
	.newpop .member_wrap .captcha   #captcha_reload{ position:relative; bottom:0; left:0;}
	.newpop .member_wrap .captcha  input[type="text"]{float:none; width:80%; margin:10px auto;}
	.newpop .member_wrap .captcha #captcha_info{ text-align:center;}
}

.pw_wrap{ margin:50px auto;}
.pw_wrap fieldset{border:0;}
.pw_wrap .pw_box{ background:#f5f5f5; border-radius:4px; padding:15px; box-sizing:border-box; margin-top:30px;}
.pw_wrap .pw_label{ width:20%; float:left; box-sizing:border-box; line-height:44px; font-size:0.8em; font-weight:bold}
.pw_wrap .pw_id{ width:75%; float:right; box-sizing:border-box;line-height:44px; margin:0 !important;}
@media(max-width:480px){
	.pw_wrap{ padding:0 15px;}
	
}

@media(max-width:360px){
.pw_wrap .pw_label{ width:40%; font-size:1em;}
.pw_wrap .pw_id{ width:60%; }
}