@charset "euc-kr";

/* ÀÌ¿ô´åÄÄ(e-wut.com) 
À¥ ÆÛºí¸®½Ì 
ÀÛ¾÷ÀÚ:±èµ¿¿ì */
		
		div#subLogin {
			position:relative;
			width:515px;
			height:231px;
			margin:0 auto;
			padding-top:35px;
			background:url(/image/access/subLogin/subLoginBg.gif) no-repeat left top;
			}
			h3#subPageLoginTitle { position: absolute; z-index: -9999; left:0; top: 0; font-size: 0; }
			div#subLogin img {
				display:inline;
				}
			div#subLogin fieldset {
				overflow:hidden;
				margin-left:180px;
				border:0;
				}
				div#subLogin fieldset input{
					/* float:left; */
				}
			div#subLogin legend {
				display:none;
				}
			div#subLogin div.row {
				float:left;
				width:225px;
				padding-top:3px;
				}
			div#subLogin div.row label{
				float:left;
				margin-right:4px;
				margin-top:3px;
				clear:both; 
			}
			div#subLogin div.row input {
				width:160px;
				margin-bottom:3px;
				font-size:1em;
				border:#cfcfcf 1px solid;
				height:16px;
				}
			div#subLogin .id_checkbox{
				position:absolute;
				top:92px;
				left:230px
				}
			div#subLogin .id_checkbox label img{
				padding-top:3px
				}
			div#subLogin input#loginBtn {
				float:left;
				}
			div#subLogin div#saveIDArea {
				position:relative;
				float:left;
				width:246px;
				padding-top:6px;
				padding-left:51px;
				}
				div#subLogin div#saveIDArea label{
					float:left;
					margin-top:4px;
				}
			div#subLogin div#saveIDArea input  {
				margin-right:3px;
				}
				div#subLogin div#saveIDArea #findIDPassBtn {
					margin-top:4px;
					/*margin-left:36px;*/
					margin-left:120px;
					margin-bottom:24px;
					float:left;
					}


					

					.login_btn_area { 
						position: absolute;
						width: 85px;
						height: 43px;
						background: #79b350;
						right: 30px;
						top: 38px;
						text-align: center;
						line-height: 30px;
						border-radius: 3px;					
					}
					.login_btn_area  input { float: none !important; padding: 15px 15px}


					@media screen and (min-width:1px) and (max-width:600px)  {  

						div#subLogin fieldset { margin: 0; text-align: center}
						div#subLogin div.row {  width: 205px;}
						div#subLogin { background-image: none ; border: 1px solid #d1d1d1; width: auto; height: auto; padding: 30px; }
						div#subLogin div.row label { display: none }
						div#subLogin div.row input { border: 1px solid #d1d1d1; height: 40px; line-height: 40px; width: 180px; padding: 0 10px;}
						div#subLogin div.row { margin: 0 auto; float: none ; overflow: hidden }
						div#subLogin .id_checkbox  { position: static; text-align: left; width: 205px; margin: 0 auto; }
						.login_btn { border: 1px solid #ddd; background-color: #e1e1e1 ; text-align: center; width: 200px; padding: 10px; margin: 20px auto; float: none !important; }
						div#subLogin fieldset input { float: none }
						div#subLogin div#saveIDArea { float: none; width: auto; padding-left: 0; }
						div#subLogin div#saveIDArea p { margin-bottom: 10px;}

						div#subLogin div#saveIDArea #findIDPassBtn {margin: 0 !important ; float: none }
						.login_btn_area {    position: static; width: 205px; margin: 5px auto; border-radius: 0; }
						.login_btn_area  input { float: none !important; padding: 15px 70px}


					}

.notice{
	width: 515px;
	margin: 0 auto;
	padding: 10px;
	box-sizing: border-box;
}

.notice strong{
	border-bottom: 2px solid #79b350;
	padding: 5px;
	font-size: 1.8rem;
	color: #20a265;
}

.notice p{
	margin-top: 10px;
}