/*
/* 로그인 css
 */


#mbLogin .login_form_wrap {
	display: table;
	margin: 0 auto;
}

#loginFs .frm_input {
	width: 270px;
	height: 40px;
	border: 1px solid #dadada;
	background: #fff;
	font-size: 13px;
	text-indent: 10px;
}

#loginFs ul {
	margin-bottom: 10px;
}

#loginFs ul li:first-child {
	margin-bottom: 5px;
}

#loginFs .btn_submit {
	width: 100%;
	height: 40px;
}

#loginFs .auto_login_wrap {
	font-size: 13px;
	margin: 0 0 35px;
}

#loginFs .auto_login_wrap label {
	display: inline-block;
}

#loginFs .auto_login_wrap input {
	vertical-align: middle;
	margin-right: 5px;
}

#mbLogin .id_pw_lost {
	width: 100%;
	overflow: hidden;
	margin: 5px 0;
	font-size: 12px;
}

#mbLogin .id_pw_lost a {
	color: #999;
}

#mbLogin .id_pw_lost ul li:first-child {
	margin-right: 5px;
	padding-right: 5px;
	border-right: 1px solid #bbb;
}

#mbLogin .sns_login_wrap {
	display: table;
	margin: 25px auto 70px;
}

#mbLogin .sns_login_wrap ul li {
	width: 270px;
	height: 40px;
	line-height: 40px;
	font-size: 13px;
}

#mbLogin .sns_login_wrap ul li a {
	display: block;
	text-indent: 80px;
}

#mbLogin .sns_login_wrap .kakao_login {
	background: #ffde00;
	margin-bottom: 10px;
}

#mbLogin .sns_login_wrap .kakao_login a {
	color: #534908;
	background: url(../../template_images/icon/kakao_icon.png) 40px center no-repeat;
}

#mbLogin .sns_login_wrap .naver_login {
	background: #20b85a;
}

#mbLogin .sns_login_wrap .naver_login a {
	color: #fff;
	background: url(../../template_images/icon/naver_icon.png) 40px center no-repeat;
}

#mbLogin .join_wrap {
	display: table;
	margin: 0 auto;
}

#mbLogin .join_wrap h4 {
	font-size: 15px;
	color: #222;
}

#mbLogin .join_wrap ul {
	margin: 15px 0;
}

#mbLogin .join_wrap li {
	font-size: 13px;
	color: #999;
}

#mbLogin .join_wrap p {
	width: 270px;
	height: 40px;
	line-height: 38px;
	border: 1px solid #ccc;
	margin: 0 auto;
	display: block;
	box-sizing: border-box;
	text-align: center;
}

#mbLogin .join_wrap p a {
	display: block;
}



/* 회원정보 찾기 */

#find_info {
	width: 100%;
	margin: 30px 0;
}

#find_info .mb_comm_tit {
	margin: 0 0 30px;
}

#find_info #info_fs p {
	text-align: center;
}

#find_info #info_fs dl {
	display: table;
	margin: 20px auto 25px;
}

#find_info #info_fs dl dt {
	font-weight: bold;
	padding-right: 10px;
	display: table-cell;
}

#find_info #info_fs dl dd {
	display: table-cell;
}

#find_info #info_fs dl dd input {
	width: 250px;
	height: 30px;
	border: 1px solid #ccc;
}

#find_info #captcha {
}

#captcha .captcha_cont {
	overflow: hidden;
	display: table;
	margin: 0 auto 20px;
}

#captcha .captcha_cont .captcha_btn {
	width: 130px;
	float: left;
}

#find_info .captcha_wrap {
	width: 410px;
	display: table;
	margin: 0 auto;
}

#find_info #captcha_img {
	width: 160px;
	height: 60px;
	float: left;
}

#find_info #captcha_key {
	display: block;
	width: 120px;
	height: 60px;
	border: 1px solid #ccc;
	text-align: center;
	font-size: 18px;
	box-sizing: border-box;
	float: left;
	margin-right: 10px;
}

#find_info #captcha_info {
	text-align: center;
	margin: 3px auto 0;
	display: block;
}

#find_info #captcha_mp3,
#find_info #captcha_reload {
	width: 120px;
	height: 28px;
	display: block;
	float: left;
}

#find_info #captcha_mp3 {
	background: #454545;
	border: none;
	color: #fff;
}

#find_info #captcha_reload {
	border: 1px solid #696969;
	background: #fff;
	box-sizing: border-box;
	margin-top: 4px;
}


#find_info .win_btn {
	width: 100%;
	margin: 40px 0;
}

#find_info .win_btn ul {
	display: table;
	margin: 0 auto;
}

#find_info .win_btn ul li {
	width: 100px;
	height: 30px;
	float: left;
	margin: 0 5px;
}

#find_info .win_btn ul li input,
#find_info .win_btn ul li button {
	width: 100%;
	height: 100%;
}


/* 비밀번호 확인 */

#mb_confirm .tit_info {
	margin-bottom: 40px;
}

#mb_confirm .tit_info strong {
	font-size: 14px;
	display: block;
}

#mb_confirm .mb_confirm_cont {
	width: 400px;
	display: table;
	margin: 30px auto;
}

#mb_confirm .mb_confirm_cont dl {
	margin: 5px auto;
	overflow: hidden;
}

#mb_confirm .mb_confirm_cont dl dt {
	font-size: 14px;
	font-weight: bold;
	width: 100px;
	float: left;
	text-align: left;
	line-height: 30px;
}

#mb_confirm .mb_confirm_cont dl dd {
	line-height: 30px;
	float: left;
}
#mb_confirm .mb_confirm_cont dl dd input {
	width: 200px;
	height: 30px;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

#mb_confirm .confirm_btn {
	width: 120px;
	height: 30px;
	margin: 40px auto;
}


/* 비회원 주문 조회 */

#mb_login_od {
	width: 272px;
	overflow: hidden;
	margin: 0 auto 30px;
}

#mb_login_od ul li {
	width: 100%;
	margin-bottom: 5px;
}

#mb_login_od ul li label {
	width: 80px;
	line-height: 40px;
}

#mb_login_od ul li input {
	width: 189px;
	height: 40px;
	border: 1px solid #dadada;
	box-sizing: border-box;
	text-indent: 10px;
}

#mb_login_od p {
	display: table;
	margin: 0 auto;
}

#mb_login_odinfo {
	width: 272px;
	margin: 30px auto;
}

#mb_login_odinfo h2 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}

#mb_login_odinfo p {
	font-size: 13px;
	color: #666;
}


/* 비회원 구매 */
#mb_login_notmb {
	width: 100%;
	overflow: hidden;
}

#mb_login_notmb h2 {
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

#mb_login_notmb > p {
	font-size: 13px;
	color: #666;
	margin-bottom: 15px;
	overflow: hidden;
}

#mb_login_notmb .btn_confirm p {
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin: 25px 0 0;
	text-align: center;
	border: 1px solid #ccc;
	line-height: 40px;
	box-sizing: border-box;
}



/* 로그인 레이아웃 */

#mb_login_wrapper {
	display: table;
	margin: 0 auto;
}

#mb_login_wrapper .mb_login_wrap {
	width: 340px;
	display: table-cell;
}

#mb_login_wrapper .mb_login_not {
	width: 340px;
	display: table-cell;
}

#mb_login_wrapper .mb_login_od {
	width: 340px;
	display: table-cell;
}