/********************************************************************************/
/* 업무그룹명 : 모바일홈페이지 테이블 CSS										*/
/* 작  성  자 : 이건화															*/
/* 작  성  일 : 2013-04-23														*/
/* 설      명 : 모바일시스템 전반에 걸쳐 사용되는 CSS3							*/
/* 안      내 : 수정 및 추가가 있을 경우 알려주시기 바랍니다.					*/
/* 버      젼 : 1.0																*/
/********************************************************************************/

/********************************************************************************/
/* HTML5 태그 / CSS3 적용														*/
/********************************************************************************/
@charset "utf-8";

/********************************************************************************/
/* 로그인 타입01																*/
/********************************************************************************/

.loginType01 {}
	
	.loginType01 .loginText {width:310px; padding:20px 5px;  margin:20px auto; border-top:0px solid #cfcfcf; border-bottom:1px solid #cfcfcf;}

		.loginType01 .loginText .idsave {padding-left:62px; line-height:18px;}
			.loginType01 .loginText .idsave input {vertical-align:middle;}
	
		.loginType01 .loginText table tr {height:30px;}
		
			.loginType01 .loginText table col.colum1 {width:60px;}
			.loginType01 .loginText table col.colum2 {}
			.loginType01 .loginText table col.colum3 {}
			
			.loginType01 .loginText table td.colum1 {text-align:left;}
			.loginType01 .loginText table td.colum2 {padding-left:5px;}
			.loginType01 .loginText table td.colum3 {}
			
				.loginType01 .loginText table td .login
					{width:80px; font-weight:bold; color:#fff; font-size:14px; line-height:55px; margin:0 0 0 8px; float: right;  border:1px solid #8a9fd5; border-radius:5px; -webkit-border-radius:5px; text-align:center;
					background-image: linear-gradient(top, #b0c5e2 30%, #9db7da 85%); 			/* 배경그라데이션 CSS3 */
					background-image: -o-linear-gradient(top, #b0c5e2 30%, #9db7da 85%);		/* 오페라 */
					background-image: -moz-linear-gradient(top, #b0c5e2 30%, #9db7da 85%);		/* 파이어폭스 */
					background-image: -webkit-linear-gradient(top, #b0c5e2 30%, #9db7da 85%);	/* 사파리,크롬 */
					background-image: -ms-linear-gradient(top, #b0c5e2 30%, #9db7da 85%);		/* 익스플로러 */
					}
			
					.loginType01 .loginText table td .login a {display:block; color:#fff;}
	
	.loginType01 .loginLay {width:320px; margin:20px auto;}
		.loginType01 .loginLay .pd_t10 {padding-top:10px;}
		.loginType01 .loginLay .txt {float:left; font-size:11px; line-height:18px; color:#737373; letter-spacing:-1px;}
		.loginType01 .loginLay .idFind
				{width:120px;  color:#5b5b5b; font-size:11px; letter-spacing:-1px; line-height:25px; margin: 5px 5px; float: right;  border:1px solid #bfbfbf; border-radius:5px; -webkit-border-radius:5px; text-align:center;
				background-image: linear-gradient(top, #fff 30%, #f3f3f3 85%); 			/* 배경그라데이션 CSS3 */
				background-image: -o-linear-gradient(top, #fff 30%, #f3f3f3 85%);		/* 오페라 */
				background-image: -moz-linear-gradient(top, #fff 30%, #f3f3f3 85%);		/* 파이어폭스 */
				background-image: -webkit-linear-gradient(top, #fff 30%, #f3f3f3 85%);	/* 사파리,크롬 */
				background-image: -ms-linear-gradient(top, #fff 30%, #f3f3f3 85%);		/* 익스플로러 */
				}
			.loginType01 .loginLay a {display:block;}

/********************************************************************************/
/* 로그인 타입02																*/
/********************************************************************************/

.loginType02 {}

	.loginType02 .loginText {width:240px; padding:10px 0; margin:20px auto; border-bottom:1px solid #cfcfcf;}
		.loginType02 .loginText table {margin:0 auto;}
			.loginType02 .loginText table tr {height:25px;}
			
				.loginType02 .loginText table col.colum1 {width:100%;}
				
				.loginType02 .loginText table td.colum1 {}
					.loginType02 .loginText table td input {vertical-align:middle;}


	.loginType02 .loginLay {width:240px; margin:20px auto;}
		.loginType02 .loginLay a {display:block;}
		.loginType02 .loginLay .login
				{width:238px; font-weight:bold; color:#fff; font-size:14px; line-height:30px; margin:5px 0px; border:1px solid #6b93e5; text-align:center;
				background-image: linear-gradient(top, #6b93e5 30%, #3a68c6 85%); 			/* 배경그라데이션 CSS3 */
				background-image: -o-linear-gradient(top, #6b93e5 30%, #3a68c6 85%);		/* 오페라 */
				background-image: -moz-linear-gradient(top, #6b93e5 30%, #3a68c6 85%);		/* 파이어폭스 */
				background-image: -webkit-linear-gradient(top, #6b93e5 30%, #3a68c6 85%);	/* 사파리,크롬 */
				background-image: -ms-linear-gradient(top, #6b93e5 30%, #3a68c6 85%);		/* 익스플로러 */
				}
			.loginType02 .loginLay .login a {color:#fff;}
		.loginType02 .loginLay .idFind
				{width:238px; color:#5b5b5b; font-size:12px; line-height:25px; margin:5px 0px; border:1px solid #bfbfbf; text-align:center;
				background-image: linear-gradient(top, #fff 30%, #f3f3f3 85%); 			/* 배경그라데이션 CSS3 */
				background-image: -o-linear-gradient(top, #fff 30%, #f3f3f3 85%);		/* 오페라 */
				background-image: -moz-linear-gradient(top, #fff 30%, #f3f3f3 85%);		/* 파이어폭스 */
				background-image: -webkit-linear-gradient(top, #fff 30%, #f3f3f3 85%);	/* 사파리,크롬 */
				background-image: -ms-linear-gradient(top, #fff 30%, #f3f3f3 85%);		/* 익스플로러 */
				} 

/********************************************************************************/
/* 로그인 타입03																*/
/********************************************************************************/

.loginType03 {}

	.loginType03 .loginText {width:300px; padding:20px 0;  margin:20px auto; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf;}
		.loginType03 .loginText .idsave {padding-left:62px;}
			.loginType03 .loginText .idsave input {vertical-align:middle;}
		.loginType03 .loginText table tr {height:30px;}
		
			.loginType03 .loginText table col.colum1 {width:60px;}
			.loginType03 .loginText table col.colum2 {}
			
			.loginType03 .loginText table td.colum1 {text-align:left;}
			.loginType03 .loginText table td.colum2 {padding-left:5px;}


	.loginType03 .loginLay {width:300px; margin:20px auto;}
	
		.loginType03 .loginLay a {display:block;}
		.loginType03 .loginLay .login
				{width:119px; font-weight:bold; color:#fff; font-size:14px; line-height:30px; float:left; margin:0px 5px 0 0; border:1px solid #8c97a8; text-align:center;
				background-image: linear-gradient(top, #aab4be 30%, #6b7483 85%); 			/* 배경그라데이션 CSS3 */
				background-image: -o-linear-gradient(top, #aab4be 30%, #6b7483 85%);		/* 오페라 */
				background-image: -moz-linear-gradient(top, #aab4be 30%, #6b7483 85%);		/* 파이어폭스 */
				background-image: -webkit-linear-gradient(top, #aab4be 30%, #6b7483 85%);	/* 사파리,크롬 */
				background-image: -ms-linear-gradient(top, #aab4be 30%, #6b7483 85%);		/* 익스플로러 */
				}
			.loginType03 .loginLay .login a {color:#fff;}
	
		.loginType03 .loginLay .idFind
				{width:80px; font-weight:; color:#5b5b5b; font-size:12px; line-height:30px; float:left; margin:0 0px 5px 5px; border:1px solid #bfbfbf;  text-align:center;
				background-image: linear-gradient(top, #fff 30%, #f3f3f3 85%); 			/* 배경그라데이션 CSS3 */
				background-image: -o-linear-gradient(top, #fff 30%, #f3f3f3 85%);		/* 오페라 */
				background-image: -moz-linear-gradient(top, #fff 30%, #f3f3f3 85%);		/* 파이어폭스 */
				background-image: -webkit-linear-gradient(top, #fff 30%, #f3f3f3 85%);	/* 사파리,크롬 */
				background-image: -ms-linear-gradient(top, #fff 30%, #f3f3f3 85%);		/* 익스플로러 */
				}
		.loginType03 .loginLay .idFind2
				{width:70px; font-weight:; color:#5b5b5b; font-size:11px; line-height:30px; float:left; margin:0 3px 5px 0; border:1px solid #bfbfbf;  text-align:center;
				background-image: linear-gradient(top, #fff 30%, #f3f3f3 85%); 			/* 배경그라데이션 CSS3 */
				background-image: -o-linear-gradient(top, #fff 30%, #f3f3f3 85%);		/* 오페라 */
				background-image: -moz-linear-gradient(top, #fff 30%, #f3f3f3 85%);		/* 파이어폭스 */
				background-image: -webkit-linear-gradient(top, #fff 30%, #f3f3f3 85%);	/* 사파리,크롬 */
				background-image: -ms-linear-gradient(top, #fff 30%, #f3f3f3 85%);		/* 익스플로러 */
				}


/********************************************************************************/
/* 로그인 타입04																*/
/********************************************************************************/

.loginType04 {}
	
	.loginType04 .loginText {width:310px; padding:20px 5px;  margin:20px auto; border-top:0px solid #cfcfcf; border-bottom:1px solid #cfcfcf;}

		.loginType04 .loginText .idsave {line-height:18px;}
			.loginType04 .loginText .idsave input {vertical-align:middle;}
	
		.loginType04 .loginText table tr {height:30px;}
		
			.loginType04 .loginText table col.colum1 {width:60px;}
			.loginType04 .loginText table col.colum2 {}
			.loginType04 .loginText table col.colum3 {}
			
			.loginType04 .loginText table td.colum1 {text-align:left;}
			.loginType04 .loginText table td.colum2 {padding-left:5px;}
			.loginType04 .loginText table td.colum3 {}
			
				.loginType04 .loginText table td .login
					{width:80px; font-weight:bold; color:#fff; font-size:14px; line-height:25px; margin:0 0 0 8px; float: right;  border:1px solid #8a9fd5; text-align:center;
					background-image: linear-gradient(top, #b0c5e2 30%, #9db7da 85%); 			/* 배경그라데이션 CSS3 */
					background-image: -o-linear-gradient(top, #b0c5e2 30%, #9db7da 85%);		/* 오페라 */
					background-image: -moz-linear-gradient(top, #b0c5e2 30%, #9db7da 85%);		/* 파이어폭스 */
					background-image: -webkit-linear-gradient(top, #b0c5e2 30%, #9db7da 85%);	/* 사파리,크롬 */
					background-image: -ms-linear-gradient(top, #b0c5e2 30%, #9db7da 85%);		/* 익스플로러 */
					}
			
					.loginType04 .loginText table td .login a {display:block; color:#fff;}
	
	.loginType04 .loginLay {width:320px; margin:20px auto;}
		.loginType04 .loginLay .pd_t10 {padding-top:10px;}
		.loginType04 .loginLay .txt {float:left; font-size:11px; line-height:18px; color:#737373; letter-spacing:-1px;}
		.loginType04 .loginLay .idFind
				{width:120px;  color:#5b5b5b; font-size:11px; letter-spacing:-1px; line-height:25px; margin: 5px 5px; float: right;  border:1px solid #bfbfbf; text-align:center;
				background-image: linear-gradient(top, #fff 30%, #f3f3f3 85%); 			/* 배경그라데이션 CSS3 */
				background-image: -o-linear-gradient(top, #fff 30%, #f3f3f3 85%);		/* 오페라 */
				background-image: -moz-linear-gradient(top, #fff 30%, #f3f3f3 85%);		/* 파이어폭스 */
				background-image: -webkit-linear-gradient(top, #fff 30%, #f3f3f3 85%);	/* 사파리,크롬 */
				background-image: -ms-linear-gradient(top, #fff 30%, #f3f3f3 85%);		/* 익스플로러 */
				}
			.loginType04 .loginLay a {display:block;}

/********************************************************************************/
/* 로그인 타입05																*/
/********************************************************************************/

.loginType05 {}

	.loginType05 .loginText {width:300px; padding:20px 0;  margin:20px auto; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf;}
		.loginType05 .loginText .idsave {}
			.loginType05 .loginText .idsave input {vertical-align:middle;}
		.loginType05 .loginText table tr {height:30px;}
		
			.loginType05 .loginText table col.colum1 {}
			.loginType05 .loginText table col.colum2 {}
			
			.loginType05 .loginText table td.colum1 {text-align:left;}
			.loginType05 .loginText table td.colum2 {}


	.loginType05 .loginLay {width:300px; margin:20px auto;}
	
		.loginType05 .loginLay a {display:block;}
		.loginType05 .loginLay .login
				{width:138px; font-weight:bold; color:#fff; font-size:14px; line-height:30px; float:left; margin: 0px 5px 0px 2px; border:1px solid #8c97a8; text-align:center;
				background-image: linear-gradient(top, #aab4be 30%, #6b7483 85%); 			/* 배경그라데이션 CSS3 */
				background-image: -o-linear-gradient(top, #aab4be 30%, #6b7483 85%);		/* 오페라 */
				background-image: -moz-linear-gradient(top, #aab4be 30%, #6b7483 85%);		/* 파이어폭스 */
				background-image: -webkit-linear-gradient(top, #aab4be 30%, #6b7483 85%);	/* 사파리,크롬 */
				background-image: -ms-linear-gradient(top, #aab4be 30%, #6b7483 85%);		/* 익스플로러 */
				}
			.loginType05 .loginLay .login a {color:#fff;}
	
		.loginType05 .loginLay .idFind
				{width:140px; color:#5b5b5b; font-size:12px; line-height:30px; float:left; margin:0 0px 5px 5px; border:1px solid #bfbfbf;  text-align:center;
				background-image: linear-gradient(top, #fff 30%, #f3f3f3 85%); 			/* 배경그라데이션 CSS3 */
				background-image: -o-linear-gradient(top, #fff 30%, #f3f3f3 85%);		/* 오페라 */
				background-image: -moz-linear-gradient(top, #fff 30%, #f3f3f3 85%);		/* 파이어폭스 */
				background-image: -webkit-linear-gradient(top, #fff 30%, #f3f3f3 85%);	/* 사파리,크롬 */
				background-image: -ms-linear-gradient(top, #fff 30%, #f3f3f3 85%);		/* 익스플로러 */
				}
		.loginType05 .loginLay .idFind2
				{width:70px; color:#5b5b5b; font-size:11px; line-height:30px; float:left; margin:0 3px 5px 0; border:1px solid #bfbfbf;  text-align:center;
				background-image: linear-gradient(top, #fff 30%, #f3f3f3 85%); 			/* 배경그라데이션 CSS3 */
				background-image: -o-linear-gradient(top, #fff 30%, #f3f3f3 85%);		/* 오페라 */
				background-image: -moz-linear-gradient(top, #fff 30%, #f3f3f3 85%);		/* 파이어폭스 */
				background-image: -webkit-linear-gradient(top, #fff 30%, #f3f3f3 85%);	/* 사파리,크롬 */
				background-image: -ms-linear-gradient(top, #fff 30%, #f3f3f3 85%);		/* 익스플로러 */
				}
		.loginType05 .loginLay .loginIes
				{width:159px; font-weight:bold; color:#fff; font-size:14px; line-height:30px; float:left; margin:0px 5px 0 0; border:1px solid #8c97a8; text-align:center;
				background-image: linear-gradient(top, #aab4be 30%, #6b7483 85%); 			/* 배경그라데이션 CSS3 */
				background-image: -o-linear-gradient(top, #aab4be 30%, #6b7483 85%);		/* 오페라 */
				background-image: -moz-linear-gradient(top, #aab4be 30%, #6b7483 85%);		/* 파이어폭스 */
				background-image: -webkit-linear-gradient(top, #aab4be 30%, #6b7483 85%);	/* 사파리,크롬 */
				background-image: -ms-linear-gradient(top, #aab4be 30%, #6b7483 85%);		/* 익스플로러 */
				}
			.loginType05 .loginLay .loginIes a {color:#fff;}
	
		.loginType05 .loginLay .idFindIes
				{width:120px; color:#5b5b5b; font-size:12px; line-height:30px; float:left; margin:0 0px 5px 5px; border:1px solid #bfbfbf;  text-align:center;
				background-image: linear-gradient(top, #fff 30%, #f3f3f3 85%); 			/* 배경그라데이션 CSS3 */
				background-image: -o-linear-gradient(top, #fff 30%, #f3f3f3 85%);		/* 오페라 */
				background-image: -moz-linear-gradient(top, #fff 30%, #f3f3f3 85%);		/* 파이어폭스 */
				background-image: -webkit-linear-gradient(top, #fff 30%, #f3f3f3 85%);	/* 사파리,크롬 */
				background-image: -ms-linear-gradient(top, #fff 30%, #f3f3f3 85%);		/* 익스플로러 */
				}


/********************************************************************************/
/* 아이디,비밀번호찾기/변경														*/
/********************************************************************************/

.idText {width:300px; margin:20px auto;}
	.idText table tr {height:30px;}
	.idText table col.colum1 {width:80px;}
	.idText table col.colum2 {}
		.idText table tr td.colum1 {padding-left:5px; text-align:left;}
		.idText table tr td.colum2 {padding-left:5px;}
		.idText table tr td.idBtn {padding:10px 0px 0px 50px;}
	.idText a {display:block;}

.idFind {width:206px; color:#5b5b5b; font-size:11px; line-height:30px; float:left; margin:0; border:1px solid #bfbfbf;  text-align:center;
		background-image: linear-gradient(top, #fff 30%, #f3f3f3 85%); 			/* 배경그라데이션 CSS3 */
		background-image: -o-linear-gradient(top, #fff 30%, #f3f3f3 85%);		/* 오페라 */
		background-image: -moz-linear-gradient(top, #fff 30%, #f3f3f3 85%);		/* 파이어폭스 */
		background-image: -webkit-linear-gradient(top, #fff 30%, #f3f3f3 85%);	/* 사파리,크롬 */
		background-image: -ms-linear-gradient(top, #fff 30%, #f3f3f3 85%);		/* 익스플로러 */
		}

.idLay {width:300px; margin:0px auto; padding-bottom:10px;}
	.idLay p.idSearchTitle {padding:10px; line-height:25px; font-size:12px; font-weight:bold;}
	.idLay p.idSearchText {font-size:12px; padding:15px 10px; color:#505050; border-top:1px solid #bfbfbf;}
		.idLay p.idSearchText span.bold {font-weight:bold; color:#000;}

.passwordText {width:300px; margin:20px auto;}
	.passwordText table tr {height:30px;}
	.passwordText table col.colum1 {width:80px;}
	.passwordText table col.colum2 {}
		.passwordText table tr td.colum1 {text-align:left;}
		.passwordText table tr td.colum2 {padding-left:5px;}
		.passwordText table tr td.passwordBtn {padding:10px 0px 0px 50px;}
	.passwordText a {display:block;}

.pwFind {width:206px; color:#5b5b5b; font-size:11px; line-height:30px; float:left; margin:0; border:1px solid #bfbfbf;  text-align:center;
		background-image: linear-gradient(top, #fff 30%, #f3f3f3 85%); 			/* 배경그라데이션 CSS3 */
		background-image: -o-linear-gradient(top, #fff 30%, #f3f3f3 85%);		/* 오페라 */
		background-image: -moz-linear-gradient(top, #fff 30%, #f3f3f3 85%);		/* 파이어폭스 */
		background-image: -webkit-linear-gradient(top, #fff 30%, #f3f3f3 85%);	/* 사파리,크롬 */
		background-image: -ms-linear-gradient(top, #fff 30%, #f3f3f3 85%);		/* 익스플로러 */
		}

.passwordLay {width:300px; margin:0px auto; padding-bottom:10px;}
	.passwordLay p.passwordSearchTitle {padding:10px; line-height:25px; font-size:12px; font-weight:bold;}
	.passwordLay p.passwordSearchText {font-size:12px; padding:15px 10px; color:#505050; border-top:1px solid #bfbfbf;}
		.passwordLay p.idSearchText span.bold {font-weight:bold; color:#000;}

/********************************************************************************/
/* 게시판		 																*/
/********************************************************************************/

/* 게시판 리스트 */
ul.noticeList {width:100%;} 
	ul.noticeList li.textList01 {border-bottom:1px solid #d2d2d2; padding:15px 17px 17px 15px; background:url('/images/mob/button/ico_arrow.gif') no-repeat 97% 45%;}
	ul.noticeList li.textList02 {padding:15px 17px 17px 15px;}
		ul.noticeList li.textList01 a {display:block;} 

/* 읽기 */
.title {border-bottom:2px solid #666; padding:10px 0; margin-top:10px; font-size:14px; font-weight:bold;}
	.title .titIcon {padding:0 8px;}
 
.infoArea {color:#777; border-bottom:1px solid #ddd; padding-top:10px;}
	.infoArea .tit {float:left; font-weight:bold; padding:0 0 10px 10px;}
	.infoArea .date {float:right; padding-right:10px;}
	.infoArea .date .gap {color:#ccc; padding:0 10px;}

.textArea {padding:20px 15px; border-bottom:1px solid #ddd;}

.btnArea {overflow:hidden; width:100%; margin:20px auto;}
	.btnArea .pageBtn {float:left; margin:0 3px 0 5px;}
	.btnArea .listBtn {float:right; margin:0 5px;}
	.btnArea .btn {width:50px; color:#5b5b5b; font-size:11px; line-height:25px; border:1px solid #bfbfbf; border-radius:6px; -webkit-border-radius:6px; text-align:center;
		background-image: linear-gradient(top, #fff 30%, #f3f3f3 85%); 			/* 배경그라데이션 CSS3 */
		background-image: -o-linear-gradient(top, #fff 30%, #f3f3f3 85%);		/* 오페라 */
		background-image: -moz-linear-gradient(top, #fff 30%, #f3f3f3 85%);		/* 파이어폭스 */
		background-image: -webkit-linear-gradient(top, #fff 30%, #f3f3f3 85%);	/* 사파리,크롬 */
		background-image: -ms-linear-gradient(top, #fff 30%, #f3f3f3 85%);		/* 익스플로러 */
		}
	.clear {clear:both; line-height:50px;}
	.btnArea a {display:block;}