/*******************************************************************************************/
/*  작 성 자 : 울산대학교
/*  작 성 일 : 2013.
/*  수 정 일 : 2013.
/*  버    전 : 0.0.1
/*  설    명 : 회원가입
/*  위    치 : /css/contents/support/join/layout.css
/*******************************************************************************************/

/*******************************************************************************************/
/* 회원가입 입력폼 컨트롤 설정 시작
/*******************************************************************************************/
select 
{
	font-family: "Georgia", "PT Sans", "PT Serif", "Tahoma", "Verdana", "굴림", "돋움";
	margin: 0 0 0 0;
	padding: 3px 3px 3px 3px;
	border: 1px solid #C3C3C3;
	background: #F5F5F5;
}

input#user_id
{
	width: 200px;
	font-family: "PT Sans", "PT Serif", "Georgia", "Tahoma", "Verdana", "굴림", "돋움";
	margin: 0 0 0 0;
	padding: 3px 3px 3px 3px;
	border: 2px solid #C3C3C3;
	background: #F9F9F9;
}

input#password,
input#password_confirm
{
	width: 300px;
	font-family: "돋움", "굴림", Tahoma, Verdana;
	margin: 0 0 0 0;
	padding: 3px 3px 3px 3px;
	text-align: left;
	border: 2px solid #C3C3C3;
	background: #F9F9F9;
}

input#user_birthday
{
	width: 100px;
	font-family: "PT Sans", "PT Serif", "Georgia", "Tahoma", "Verdana", "굴림", "돋움";
	margin: 0 0 0 0;
	padding: 3px 3px 3px 3px;
	text-align: center;
	border: 2px solid #C3C3C3;
	background: #F9F9F9;
}

input#user_name,
input#user_email,
input#nation_en_name,
input#university_en_name,
input#member_en_name,
input#phone
{
	width: 420px;
	font-family: "PT Sans", "PT Serif", "Georgia", "Tahoma", "Verdana", "굴림", "돋움";
	margin: 0 0 0 0;
	padding: 3px 3px 3px 3px;
	border: 2px solid #C3C3C3;
	background: #F9F9F9;
}
/*******************************************************************************************/
/* 회원가입 입력폼 컨트롤 설정 종료
/*******************************************************************************************/


/*******************************************************************************************/
/* 회원가입 공동설정 시작
/*******************************************************************************************/
div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap
{
	position: relative;
	top: 0;
	left: 0;
	
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
/*******************************************************************************************/
/* 회원가입 공동설정 종료
/******************************************************************************************/


/*******************************************************************************************/
/* 입력오류 메세지 시작
/*******************************************************************************************/
div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles div.input-error-wrapper
{
	margin: 20px 0 0 0;
	padding: 5px 5px 5px 5px;
	border: 8px solid #F2F3F0;
	background: #FFF url(/images/board/error/error.gif) 0 0 no-repeat;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles div.input-error-wrapper h4.head-input-error
{
	color: #E55E1B;
	font-size: 20px;
	margin: 0 0 0 100px;
	padding: 12px 12px 12px 60px;
	letter-spacing: -1px;
	background: url(/images/board/error/bg_01.jpg) 0 5px no-repeat;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles div.input-error-wrapper ul.input-error
{
	margin: 0 0 0 30px;
	padding: 8px 0 0 80px;
	list-style-type: none;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles div.input-error-wrapper ul.input-error li
{
	margin: 0 0 0 0;
	padding: 0 8px 8px 8px;
	text-align: left;
	background: url(/images/board/error/icon_red.gif) 0 8px no-repeat;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles div.input-error-wrapper ul.input-error li em.highlight,
div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles div.input-error-wrapper ul.input-error li strong.highlight
{
	color: #E55E1B;
	font-weight: bold;
	font-style: normal;
}
/*******************************************************************************************/
/* 입력오류 메세지 종료
/*******************************************************************************************/


/*******************************************************************************************/
/* 회원가입 순서 시작
/*******************************************************************************************/
div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles div.regist-step
{
	height: 80px;
	font-family: "Georgia";
	margin: 0 0 0 0;
	padding: 0 10px 0 10px;
	border: 5px solid #DDD;
	background: #FFF;
}


/* Step구분 */
div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles div.regist-step h4.subject
{
	display: block;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	margin: 0 0 0 0;
	padding: 10px 0 0 10px;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles div.regist-step h4.subject span.step
{
	color: #79B429;
	font-size: 28px;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 5px 0 0;
	letter-spacing: -1px;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles div.regist-step h4.subject strong.subject
{
	color: #070A07;
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	letter-spacing: -1px;
}

/* 현재 Step 위치 */
div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles div.regist-step ul.state
{
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 1000;
	
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
	background: #F9F9F9;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles div.regist-step ul.state li
{
	float: left;
	width: 115px;
	height: 80px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	border-left: 1px solid #E4E6E1;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles div.regist-step ul.state li strong.subject
{
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles div.regist-step ul.state li strong.subject span
{
	color: #BEC0B6;
	display: block;
	font-size: 12px;
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
}

/* 현재 위치 표시 */
div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles div.regist-step ul.state li strong.selection
{
	margin-top: -5px;
	border-top: 5px solid #79B429;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles div.regist-step ul.state li strong.selection span
{
	color: #070A07;
	font-style: italic;
}
/*******************************************************************************************/
/* 회원가입 순서 종료
/*******************************************************************************************/


/*******************************************************************************************/
/* 01.회원약관 동의 시작
/*******************************************************************************************/
div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#provision-input-form
{
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
	border: none;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#provision-input-form div h4.subject
{
	display: block;
	font-size: 14px;
	font-family: "Georgia";
	margin: 0 0 0 0;
	padding: 0 0 5px 0;
	text-align: left;
	background: url(/images/board/icon_title.gif) 0 4px no-repeat;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#provision-input-form div h4.subject strong.subject
{
	float: left;
	display: block;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	margin: 0 0 0 0;
	padding: 0 8px 0 15px;
	background: url(/images/board/icon_line.gif) right center no-repeat;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#provision-input-form div h4.subject span.subject
{
	color: #9A9A9A;
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 0 0;
	padding: 0 0 0 5px;
}

/* 회원가입 이용약관 */
div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#provision-input-form div.provision
{
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 30px 0;
	text-align: center;
}

/* 회원가입 이용약관 내용 */
div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#provision-input-form div.provision textarea.provision_content
{
	width: 700px;
	height: 250px;
	font-family: "PT Sans";
	margin: 0 0 0 0;
	padding: 8px 8px 8px 8px;
	line-height: 18px;
	border: 2px solid #C3C3C3;
	background: #F9F9F9;
}

/* 회원가입 이용약관 동의 */
div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#provision-input-form div.provision div.provision-accept
{
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
	text-align: right;
} 

/* 회원가입 개인정보 수집 */
div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#provision-input-form div.privacy
{
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
}

/* 회원가입 개인정보 수집항목 */
div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#provision-input-form div.privacy table.list
{
	width: 100%;
	font-size: 12px;
	font-family: "Georgia";
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	border: none;
	border-collapse: collapse;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#provision-input-form div.privacy table.list caption
{
	display: none;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#provision-input-form div.privacy table.list thead,
div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#provision-input-form div.privacy table.list thead tr
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#provision-input-form div.privacy table.list thead tr th
{
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
	text-align: center;
	border-top: 1px solid #B4B9A9;
	border-bottom: 1px solid #B4B9A9;
	background: #E8EDE2;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#provision-input-form div.privacy table.list thead tr th span.header
{
	color: #000;
	display: block;
	margin: 0 0 0 0;
	padding: 5px 0 5px 0;
	text-align: center;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#provision-input-form div.privacy table.list tbody,
div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#provision-input-form div.privacy table.list tbody tr
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#provision-input-form div.privacy table.list tbody tr td
{
	margin: 0 0 0 0;
	padding: 7px 5px 7px 5px;
	border-bottom: 1px solid #D6D8D1;
	background: url(/images/board/icon_line.gif) left center no-repeat;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#provision-input-form div.privacy table.list tbody tr td.base
{
	background: none;
}

/* 회원가입 개인정보수집 이용안내 */
div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#provision-input-form div.privacy div.summary
{
	margin: 0 0 0 0;
	padding: 8px 5px 0 5px;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#provision-input-form div.privacy div.summary p.summary
{
	font-size: 14px;
	font-family: "Georgia";
	margin: 0 0 0 0;
	padding: 0 0 2px 8px;
	text-align: left;
	line-height: 18px;
	background: url(/images/board/icon_articles_box.gif) 0 7px no-repeat;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#provision-input-form div.privacy div.summary ul.info-list
{
	margin: 0 0 0 10px;
	padding: 10px 10px 10px 10px;
	list-style-type: none;
	border-top: 1px dotted #B4B6B5;
	border-bottom: 1px dotted #B4B6B5;
	background: #F2F3F0;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#provision-input-form div.privacy div.summary ul.info-list li
{
	font-size: 14px;
	font-family: "Georgia";
	margin: 0 0 0 0;
	padding: 1px 10px 1px 10px;
}

/* 회원가입 개인정보수집 동의 */
div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#provision-input-form div.privacy div.collect-accept
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: right;
}

/* 처리명령 */
div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#provision-input-form div.command
{
	margin: 0 0 0 0;
	padding: 15px 0 20px 0;
	text-align: center;
}
/*******************************************************************************************/
/* 01.회원약관 동의 종료
/*******************************************************************************************/


/*******************************************************************************************/
/* 02.회원 가입 입력폼 시작
/*******************************************************************************************/
div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#article-insert-form
{
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#article-insert-form div.input-wrap
{
	position: relative;
	top: 0;
	left: 0;
	z-index: 100000;
	
	margin: 0 0 30px 0;
	padding: 20px 20px 20px 20px;
	border: 3px solid #EAE8E1;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#article-insert-form div.input-wrap h4.subject
{
	position: absolute;
	top: 20px;
	left: 20px;
	
	font-size: 26px;
	font-weight: bold;
	font-style: italic;
	font-family: "Georgia";
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#article-insert-form div.input-wrap div.required 
{
	position: relative;
	top: 10px;
	left: 0;
	
	margin: 0 0 0 0;
	padding: 0 0 20px 0;
	text-align: right;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#article-insert-form div.input-wrap div.required  span.required
{
	position: relative;
	top: 0;
	left: 0;
	z-index: 100;
	
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: url(/images/board/icon_required.gif) 0 1px no-repeat;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#article-insert-form div.input-wrap div.required span.abbr
{
	position: absolute;
	top: 0;
	left: 7px;
	z-index: 1;
	
	display: inline-block;
	width: 0;
	height: 0;
	color: #FFF;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#article-insert-form div.input-wrap fieldset
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: none;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#article-insert-form div.input-wrap fieldset legend
{
	display: none;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#article-insert-form div.input-wrap fieldset div.row-input
{
	clear: both;
	margin: 0 10px 0 10px;
	padding: 0 0 0 0;
	text-align: left;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#article-insert-form div.input-wrap fieldset div.row-input span.head
{
	float: left;
	width: 170px;
	display: block;
	color: #222;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 7px 0 7px 0;
	text-align: right;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#article-insert-form div.input-wrap fieldset div.row-input span.head span.required
{
	position: relative;
	top: 0;
	left: 0;
	z-index: 100;
	
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: url(/images/board/icon_required.gif) 0 1px no-repeat;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#article-insert-form div.input-wrap fieldset div.row-input span.head span.required span.abbr
{
	position: absolute;
	top: 0;
	left: 7px;
	z-index: 1;
	
	display: inline-block;
	width: 0;
	height: 0;
	color: #FFF;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#article-insert-form div.input-wrap fieldset div.row-input span.data
{
	display: block;
	color: #565656;
	margin: 0 0 0 180px;
	padding: 5px 0 5px 10px;
	background: url(/images/board/icon_line.gif) 0 12px no-repeat;
}

/* 입력구분 */
div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#article-insert-form div.input-wrap fieldset div.line
{
	margin: 15px 10px 0 10px;
	border-top: 1px dotted #DDD;
}

/* 참고사항 */
div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#article-insert-form div.input-wrap fieldset div.row-input div.note
{
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#article-insert-form div.input-wrap fieldset div.row-input div.note p.summary
{
	font-size: 22px;
	font-family: "Georgia";
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#article-insert-form div.input-wrap fieldset div.row-input div.note p.summary strong.required
{
	color: #BF4D40;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	letter-spacing: normal;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#article-insert-form div.input-wrap fieldset div.row-input div.note ul.info
{
	margin: 0 0 0 0;
	padding: 10px 0 10px 10px;
	list-style-type: none;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#article-insert-form div.input-wrap fieldset div.row-input div.note ul.info li
{
	color: #666;
	font-size: 16px;
	margin: 0 0 0 0;
	padding: 0 0 5px 10px;
	line-height: 18px;
	background: url(/images/contents/support/find_id/icon_line_dot.gif) 0 8px no-repeat;
}

/* 처리명령 */
div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles form#article-insert-form div.command
{
	margin: -10px 0 0 0;
	padding: 0 0 20px 0;
	text-align: center;
}
/*******************************************************************************************/
/* 02.회원 가입 입력폼  종료
/*******************************************************************************************/



/*******************************************************************************************/
/* 03.회원가입 완료 시작
/*******************************************************************************************/

/*******************************************************************************************/
/* 03.회원가입 완료 종료
/*******************************************************************************************/