@charset "utf-8";

html, body {width:100%; height:100%;}

body, textarea, select, input {font:12px  AppleGothic, sans-serif, ng;
	color:#666;
	word-break:break-all;
	margin:0;
	padding:0;
	scrollbar-face-color:#F2F2F2;
	scrollbar-shadow-color:#C7C7C7;
	scrollbar-highlight-color:#C7C7C7;
	scrollbar-3dlight-color:#FFF;
	scrollbar-darkshadow-color:#FFF;
	scrollbar-track-color:#F2F2F2;
	scrollbar-arrow-color:#999;
}

h1, h2, h3, h4 {font:12px 'NanumGothic','나눔고딕','맑은 고딕','돋움', dotum, AppleGothic, sans-serif, ng; font-weight:bold;}

div,p,h1,h2,h3,h4,dl,dt,dd,th,td,form {margin:0; padding:0;}
table {font-size:12px; border-collapse:collapse; border-spacing:0; word-break:break-all;}
ul, li, ol {list-style-type:none; margin:0; padding:0;}
hr {display:none;}
img {border:0 none;}
label {margin:0; padding:0; font-size:12px;}
fieldset {margin:0; padding:0; border:0 none;}
legend {display:none;}

.on 	{display:block !important;}
.off 	{display:none !important;}

/* link */
a, a:link, a:visited {color:#666; text-decoration:none; cursor:pointer }
a:hover, a:active {color:#0099da; cursor:pointer;}

/* input */
input[type="text"] 		{width:127px; height:15px; padding:5px 10px; color:#666; border:none;}
input[type="password"] 	{width:127px; height:15px; padding:5px 10px; color:#666; border:none;}/*
input[type="submit"] 	{width:90px; height:23px; padding:5px 10px; color:#666; font-size:11px; border:none;}*/

/* 레이아웃 공통 작업 */
body.login 				{background:url('../images/login/bg.jpg') #213B62 no-repeat center center;}
#wrapper				{width:100%; height:100%; position:relative;}
.loginArea  			{width:420px; margin-right:-208px; position:absolute; top:50%; right:50%;}
.loginArea .top 		{padding-bottom:5px; border-bottom:solid 1px #5099c1;}
.loginArea .top input 	{vertical-align:middle; margin-right:3px;}
.loginArea .top img 	{vertical-align:middle;}
.loginArea .state 		{margin-bottom:5px;}
.loginArea .state .default	{display:block; width:414px; height:18px; padding:2px 0; color:#fff; text-align:center; background:url('../images/login/state_default.png') repeat-y center center;}
.loginArea .state .success	{display:block; width:414px; height:18px; padding:2px 0; color:#ffeb10; text-align:center; background:url('../images/login/state_success.png') no-repeat center center;}
.loginArea .state .failed	{display:block; width:414px; height:18px; padding:2px 0; color:#fffc00; text-align:center; background:url('../images/login/state_failed.png') no-repeat center center;}
.loginArea .bottom 			{padding:5px 5px 0; border-top:solid 1px #79badf; text-align:right;}
.loginArea .bottom a 		{color:#fff;}
.loginArea .bottom a:hover	{color:#fff; text-decoration:underline;}

/* 비밀번호 찾기 팝업 : 2015-07-21  */
.popup 								{width:100%;}
.popup .titleArea 					{width:100%; height:60px; background:url('../images/login/pop_title_bg.gif')#2f9dd6 no-repeat left top; }
.popup .titleArea span 				{display:block; padding:15px 0 10px; color:#fff; font-size:18px; text-align:center;}

.popup .passFind 					{padding:30px 20px 25px; font-size:14px;}
.popup .passFind .ment span			{display:block; margin-bottom:10px; text-align:center;}
.popup .passFind .inputarea			{width:254px; margin:0 auto;}
.popup .passFind .inputarea	input[type="text"] 		{padding:7px 10px; width:95%; background-color:#f7f7f7; border:solid 1px #d3d3d3; margin-bottom:10px;}
.popup .passFind .inputarea	input[type="password"] 	{padding:7px 10px; width:95%; background-color:#f7f7f7; border:solid 1px #d3d3d3; margin-top:5px;}
.popup .passFind .inputarea	input[type="radio"] 	{vertical-align:middle; padding-right:5px;}
.popup .passFind .inputarea	label 					{}
.popup .passFind .inputarea	label span 				{display:inline-block; margin:0 10px 0 5px; font-size:14px; }

.popup .passRepeat 						{width:350px; margin:0 auto; padding:30px 20px 25px; font-size:14px;}
.popup .passRepeat .ment				{padding-left:5px;}
.popup .passRepeat .ment span.ti		{color:#2f9dd6; font-weight:600;}
.popup .passRepeat .inputarea			{}
.popup .passRepeat .inputarea input[type="password"] 	{padding:7px 10px; width:150px; background-color:#f7f7f7; border:solid 1px #d3d3d3; margin-top:5px;}

.popup .bottom 					{padding-top:15px; border-top:solid 1px #d7d7d7; text-align:center;}
.popup .bottom a				{display:inline-block; width:90px; height:33px; margin-right:15px; background-color:#ababab;}
.popup .bottom a:last-child		{margin-right:0;}
.popup .bottom a span			{display:inline-block; padding:7px 0 5px; color:#fff; font-size:14px;}
.popup .bottom a.btn_cancel		{}
.popup .bottom a.btn_confirm	{background-color:#2f9dd6;}
.popup .bottom a.btn_pwch		{width:160px; background-color:#2f9dd6;}