@charset "utf-8";

/* =============================================================================================== shopping_Login */
.loginWrap {
	text-align: center;
}
.loginWrap dl{
	background: url('../images/login_bg.png') 20px 60px no-repeat;
	padding: 50px 0 0 330px;
	display:inline-block;
	text-align:left;
}
.loginWrap .txt, .nonmember .txt{
	color: #222222;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align:center
}

/* .loginWrap .loginArea{margin: 0 auto 40px !important;}*/ /*2018-01-17 이선영   */

.loginWrap .loginArea ul{
	float:left;
}
.loginWrap .loginArea input[type="text"],
.loginWrap .loginArea input[type="password"]{
	border: 1px solid #cbcbcb;
	padding: 9px;
	margin-right: 5px;
	width: 193px;
}
.loginWrap .loginArea input.loginBtn{
	border: 0;
	width: 88px;
	height: 77px;
	color: #fff;
	background-color: #e18921;
	float:left;
	border-radius:10px;
	font-size:18px;
	font-weight:bold;
}

.loginWrap .loginArea .loginform{position:relative;width: 306px;/*margin: 0 auto 40px;*/margin: 0 auto}/*2018-01-17 이선영 수정 */

.loginWrap .loginArea .loginform:after{content:"";display:block;clear:both}

.loginWrap .loginArea .loginform ul li + li{margin-top: 5px;}

.loginWrap .loginArea .loginform .m_membership{position:absolute;left: 0;bottom:0}
.loginWrap .loginArea .loginform .m_membership span{display:block;padding-left:24px}
.loginWrap .loginArea .loginform .m_membership span:after{content:"";display:block;position:absolute;top:10px;left:0;width:20px;height:20px;margin-top: -10px;background: url("/Web-home/frame/images/util-user-admin.png") left top no-repeat;}
.loginWrap .loginArea .loginform .m_membership:hover span{text-decoration: underline;}

.loginWrap input[type="checkbox"]{
	vertical-align: middle;
}
.loginWrap .id-save{
	font-size: 11px;
}
.loginWrap .finding{
	margin-top: 20px;
}
.loginWrap .finding input[type="button"]{
	font-size: 11px !important;
	width: 95px;
	height: 26px;
	margin-right: 7px;
}

.nonmember{
	margin-top: 50px;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #b9b9b9;
	background-color: #f5f5f5;
	padding: 30px 0;
	text-align: center;
	margin-top: 0 !important;/*2018-01-17 이선영 추가 */
}
.nonmember .txt{margin-right:20px;}
.nonmember ul,
.nonmember li {
	display: inline-block;
}
.nonmember input[type="text"],
.nonmember input[type="password"]{
	border: 1px solid #cbcbcb;
	padding: 9px;
	margin-bottom: 5px;
	margin-right: 5px;
	width: 142px;
}
.nonmember input.orderBtn{
	border: 0;
	padding: 10px 30px;
	color: #fff;
	background-color: #222222;
}

/*2018-01-17 이선영 추가 */
.loginGuide{
	padding: 4px 0 8px;
	margin: 10px auto 30px;
	line-height: 22px;
	border: 1px solid #aaa;
	color: #000;
	max-width: 306px;
	}
/*2018-08-28 모바일 ID PW 찾기 이선영 추가 */
.login-btn{display: table;width:306px;margin:10px auto 20px}
.login-btn .item + .item{margin-left:-1px}
.login-btn .item{display: table-cell;width:40%}
.login-btn .item a{display:block;margin:5px;}
.login-btn .item a span{display:block;padding: 10px 0;background-color:#999999;border-radius:5px;color:#fff;font-weight:bold;}

.login-tab-wrap{}
.login-tab-wrap .login-tab{width:100%;border:1px solid #cdcdcd;}
.login-tab-wrap .login-tab:after{content:"";display:block;clear:both}
.login-tab-wrap .login-tab .item{float:left;position:relative;width:50%;text-align: center;}
.login-tab-wrap .login-tab .item a{display:block;padding:10px 0;font-size:16px;font-weight:bold;background:#F5F5F5;color:#777}
.login-tab-wrap .login-tab .item a.active{background:#3561AB;color:#fff}

.submit-form{display: block;margin:0 auto;width: 300px;}
.submit-form .form-item{}
.submit-form .form-item + .form-item{padding-top:14px}
.submit-form .form-item:after{content:"";display:block;clear:both}
.submit-form .form-item .form-head{margin-bottom: 4px;}
.submit-form .form-item .form-head .label{font-size:14px}
.submit-form .form-item .form-body{}
.submit-form .form-item .form-body .form-area{}
.submit-form .form-item .form-body .form-area .form{font-size:14px;padding-top:4px;height:40px}
.submit-form .form-item .form-body .form-area select{height:40px !important}

.form-item.name .form-head{}
.form-item.name .form-area input{width:100%}
.form-area.phone input{width:35%}
.form-area.email input{width:32%}
#email3{width:23%}
#cellphone1{width: 49px;}
#auth_btn{display:block;margin-top:10px;text-align:center}
#authNumber{width:100%}
.form-notice{font-size:14px}
.form-note{font-size:14px;font-weight: bold;color: navy;}
.button-area{text-align: center;margin: 20px auto;width:300px}
.button-area a{display:block}
.button-area a + a{margin-top:10px}
.login-txt{font-size:16px;border:1px solid #ddd;text-align: center;margin:20px 10px;padding:10px 0}

.form-item.userFindId{}
.form-item.userFindId .form-body{}
.form-item.userFindId .form-body .form-area{}
.form-item.userFindId .form-body .form-area input{width:100%}


/* PW 재설정*/
.info-board{}
.info-board .summary{text-align: center;background:#eee;padding:10px 0}
.forgot-container{position:relative;margin-top:10px;padding-top:180px}
.forgot-content:before{content: ''; display: block; position: absolute; left: 50%; top: 15px;margin-left: -75px;width: 150px; height: 150px; background-image: url(/Web-home/addons/images/login/bg_forgot_profile.png); background-repeat: no-repeat;}
#newUserPw{width:100%}
#newUserPwRe{width:100%}
.form-notice{}
.form-notice p{color:red}
.form-notice ul{}
.form-notice ul li{position:relative;padding-left:10px}
.form-notice ul li:after{content:"";position:absolute;top:8px;left:0;width:4px;height:4px;background:#555}

/* PW 설정완료 */
.submit-result{}
.submit-result .subject{text-align: center;padding: 30px 0;}