/* Reset */
html,body { width:100%; height:100%; }
/*html { overflow-y:scroll; }*/
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select { margin:0; padding:0 }
body,h1,h2,h3,h4,input,button,li { font-family:'돋움',dotum,Helvetica,sans-serif; font-size:12px;color:#383d41 }
body { background:#434343; text-align:center; *word-break:break-all; -ms-word-break:break-all }
img,fieldset,iframe { border:0 none }
ul { list-style-type: none }
li { list-style:none }
input,select,button { vertical-align:middle }
img { vertical-align:top }
i,em,address { font-style:normal }
label,button { cursor:pointer }
button { margin:0;padding:0 }
a { color:#6c6c6c;/*color:#FFF;*/ text-decoration:none; cursor:pointer; }

/* Login */
#login_wrap { position:relative; width:100%; display:table; top:15%; }
#login_header { position:relative; width:744px; margin:0 auto; z-index:100; height:40px; }
#login_container { position:relative; width:744px; margin:0 auto; padding-top:10px; }
#login_footer { clear:both; position:relative; width:744px; margin:0 auto; height:30px; top:10px; text-align:right; font-size:11px; color:#C9C9C9; line-height:130%; }
#login_left { float:left; width:302px; padding-right:10px }
#login_right { float:right; width:432px; }
#login_img { width:300px; height:306px; border:1px solid #434343 }
#login_box { width:300px; height:124px; margin-top:10px; background:#ec5d41/*#8A2BF4*/; border:1px solid #424242 }
#login_notice { width:460px; height:147px; background:#80c269/*#50BD00*/; border:1px solid #5D5D5D }
#login_apparel { width:460px; height:147px; background:#ffcc41/*#FFC600*//*#F79C00*/; margin-top:10px; border:1px solid #555555 }
#login_weather { width:460px; height:124px; background:#6bcbf9/*#0090FF*/; margin-top:10px; border:1px solid #4F4F4F }
/*#login_title { float:left; width:69px; text-align:right; padding:20px 15px 0px 0px; }
#login_input { float:right; width:196px; text-align:left; padding:20px 20px 0px 0px; }*/
#login_input { width:196px; text-align:left; padding:20px 20px 0px 0px; }
.keeping { padding:0px; margin:0px; float:none; height:18px; ine-height:18px; }
.keeping input { margin:0px; *margin-left:-4px }
.keeping label { position:static; font-family:Dotum, 돋움, Thahoma; color:#fff/*#D4ADFF*/; font-size:11px; padding-left:3px; *padding:0px; margin:0px; }
#login_txt { float:left; width:117px }
#login_btn { float:right; text-align:left }
#login_txt .login_txt input { height:30px; border:0px; width:110px; margin:1px 0px 4px 0px; font-size:14px; padding:0px 0px 0px 5px }
#login_txt .login_txt input { *height:22px; *padding:8px 0px 0px 5px }
#login_btn input { width:75px; background:#d6280c/*#B16BFF*/; border:0px; height:65px; color:#FFF; font-size:14px; font-weight:bold; cursor:pointer; margin-top:1px }
#login_notice_title { float:left; width:85px; text-align:left; padding:20px 0px 0px 15px; }
#login_notice_table { float:right; width:340px; text-align:left; padding:20px 20px 0px 0px }
#login_notice_table .login_notice_subject { color:#6c6c6c;/*color:#FFF;*/ font-size:11px; text-align:left; height:24px; vertical-align:top }
#login_notice_table .login_notice_date { color:#6c6c6c;/*color:#FFF;*/ font-size:11px; text-align:right; width:70px; vertical-align:top }
#login_apparel_title { float:left; width:85px; text-align:left; padding:20px 0px 0px 15px; }
#login_apparel_table { float:right; width:340px; text-align:left; padding:10px 20px 0px 0px }
#login_apparel_table .login_apparel_subject { color:#6c6c6c;/*color:#FFF;*/ font-size:11px; text-align:left; height:24px; vertical-align:top }
#login_apparel_table .login_apparel_date { color:#6c6c6c;/*color:#FFF;*/ font-size:11px; text-align:right; width:70px; vertical-align:top }
#login_weather_title { float:left; width:85px; text-align:left; padding:20px 0px 0px 15px; }
#login_weather_date { float:right; width:340px; font-size:11px; color:#6c6c6c;/*color:#FFF;*/ text-align:left; padding:20px 20px 0px 0px/*padding-top:20px*/ }
#login_weather_table { clear:both; width:360px; padding:5px 0px 0px 90px; color:#6c6c6c;/*color:#FFF;*/ }
/* 로그인 배경이미지꽉차게하기 */
img.login_bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
			
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
			
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}	
	
@media screen and (max-width: 1024px){
	img.bg { left: 50%; margin-left: -512px; }
}

/* //로그인 배경이미지꽉차게하기 */