/*******************************************************************************************/
/*  작 성 자 : 인성데이타(주)
/*  작 성 일 : 2022.
/*  수 정 일 : 2022.
/*  버     전 : 0.0.1
/*  설     명 : 쇼핑몰 회원로그인
/*  위     치 : /css/contents/login/layout.css
/*******************************************************************************************/

/*******************************************************************************************/
/* 회원로그인 공용설정 시작
/*******************************************************************************************/
/* 한글 설정 */
input.ko {
	ime-mode: active;
}

/* 영문 설정 */
input.en {
	ime-mode: inactive;
}

h1, h2, h3, hr {
	display: none;
}

body {
	background: #EEE;
}

div#MainWrapper {
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	text-align: center;
}

div#MainWrapper div#ContentsWrapper {
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div#MainWrapper div#ContentsWrapper div#MainContents {
	position: absolute;
	top: 12%;
	left: 0;
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	text-align: center;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.articles {
	position: relative;
	top: 0;
	left: 0;

	width: 500px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
}
/*******************************************************************************************/
/* 회원로그인 공용설정 종료
/*******************************************************************************************/


/*******************************************************************************************/
/* 회원로그인 입력폼 설정 시작
/*******************************************************************************************/
div.articles div.login-wrap {
	margin: 0 0 0 0;
	padding: 0 0 120px 0;
	border: 1px solid #CDCDCD;
	background: #FFF;
}

div.articles div.login-wrap div.summary {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: url(/images/common/img_logo.png) center 50px no-repeat;
	background-size: 300px auto;
}

div.articles div.login-wrap div.summary p.summary {
	color: #888;
	font-size: 15px;
	margin: 0 0 0 0;
	padding: 125px 0 20px 0;
}

/* 회원로그인 설정 */
div.articles div.login-wrap form#login-input-form {
	margin: 0 0 0 0;
	padding: 10px 50px 0 50px;
	border: 1px solid 0 0 none;
}

div.articles div.login-wrap form#login-input-form fieldset {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: none;
}

div.articles div.login-wrap form#login-input-form fieldset legend {
	display: none;
}

div.articles div.login-wrap form#login-input-form fieldset div {
	margin: 0 0 0 0;
	padding: 5px 0 5px 0;
	text-align: left;
}

div.articles div.login-wrap form#login-input-form fieldset div span.uid,
div.articles div.login-wrap form#login-input-form fieldset div span.password {
	display: none;
}

/* 오류메세지 설정 */
div.articles div.login-wrap form#login-input-form fieldset div div.error {
	font-size: 12px;
	margin: 0 0 0 0;
	padding: 3px 5px 0 7px;
    text-align: left;
	background: url(/images/common/icon_note.jpg) 1px 6px no-repeat;
}

div.articles div.login-wrap form#login-input-form fieldset div div.error strong {
	color: #EF274C;
}

/* 회원아이디 */
div.articles div.login-wrap form#login-input-form fieldset div.row-input-id input#user_id {
	width: 98%;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 5px 5px 5px 5px;
	border: 1px solid #CDCDCD;
	background: url(/images/login/bg_id.png) 8px 4px no-repeat;
}

/* 비밀번호 */
div.articles div.login-wrap form#login-input-form fieldset div.row-input-password input#password {
	width: 98%;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 5px 5px 5px 5px;
	border: 1px solid #CDCDCD;
	background: url(/images/login/bg_password.png) 8px 4px no-repeat;
}

/* 로그인 */
div.articles div.login-wrap form#login-input-form fieldset div.command {
	margin: 20px 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
}

div.articles div.login-wrap form#login-input-form fieldset div.command input#btn_user_login {
	color: #FFF;
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
	text-align: center;
	border: 1px solid #299CE3;
	background: #299CE3;
}

/* 서비스 이용안내 문구 */
div.articles div.login-wrap div.notice {
	font-size: 12px;
	margin: 20px 50px 0 50px;
	padding: 20px 20px 20px 20px;
	text-align: left;
	background: #F4F4F4;
}

/* 폼전송 오류메세지 설정 */
div.articles div.login-wrap div.input-error-wrapper {
	clear: both;
	font-size: 12px;
	margin: 20px 50px 0 50px;
	padding: 20px 20px 20px 20px;
	text-align: left;
	background: #F4F4F4;
}

div.articles div.login-wrap div.input-error-wrapper h3.head-input-error {
	color: #DE3B3B;
	font-size: 14px;
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
	background: url(/images/login/ic_error.png) 0 2px no-repeat;
}

div.articles div.login-wrap div.input-error-wrapper ul.input-error {
	margin: 0 0 0 0;
	padding: 8px 0 0 10px;
	list-style-type: none;
}

div.articles div.login-wrap div.input-error-wrapper ul.input-error li {
	font-size: 12px;
	margin: 0 0 0 0;
	padding: 0 0 3px 8px;
	background: url(/images/common/icon_articles_box.gif) 0 6px no-repeat;
}

div.articles div.login-wrap div.input-error-wrapper ul.input-error li em {
	font-weight: bold;
	font-style: normal;
}
/*******************************************************************************************/
/* 회원로그인 입력폼 설정 종료
/*******************************************************************************************/