@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	color: #666;
}

body {
	line-height:1;
	background: #f4f4f4;
}

a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-decoration: none;
	color: inherit;
}

#wrap {position:relative; width:100%; height: 100%; font-size:12px; line-height:18px; font-family:arial, 'gulim', '굴림'; }
#logo_area {height: 85px; border-bottom: #e2e2e2 solid 1px; width:100%; background: #fff; }
#logo_area div {width: 800px; margin: 0 auto; padding-top: 25px;}
#logo_area div img{margin-right:10px;}
#contents_area {width:100%; height: 100%;}
#contents_area a{color: #666;}
#contents_area .login_area {width: 800px; height: 350px; margin: 0 auto; margin-top:54px; border: #6a6a6a solid 1px; background: #fff;}
#contents_area .login_area > div{width: 430px; margin: 0 auto; padding-top: 50px; vertical-align:middle; }
#contents_area .footer_area{height: 50px; text-align: center; font-family:arial, 'gulim', '굴림'; padding-top: 10px}
#contents_area .footer_area div{padding-top: 30px; color: #999; }

.txt_style {
	border: #6685c4 solid 1px; 
	width: 412px; 
	height:55px; 
	font-family:'Noto Sans KR', 
	sans-serif, 'Malgun Gothic', '맑은 고딕', 'dotum', '돋움', 'gulim', '굴림'; 
	font-size: 20px; 
	padding-left:15px; 
	line-height:50px;
}
.txt_style:focus {
	border: #6685c4 solid 2px; 
	width: 410px; 
	height:53px; 
	font-family:'Noto Sans KR', sans-serif, 'Malgun Gothic', '맑은 고딕', 'gulim', '굴림'; 
	font-size: 20px; 
	padding-left:15px; 
	line-height:50px;
}

input:focus::-webkit-input-placeholder { color: transparent; }
input:focus::-moz-placeholder { color: transparent; }
input:focus:-ms-input-placeholder { color: transparent; }
input:focus::-ms-input-placeholder { color: transparent; }

::-webkit-input-placeholder { color: #aeaeae; }
:-moz-placeholder { color: #aeaeae; }
::-moz-placeholder { color: #aeaeae; }
:-ms-input-placeholder { color: #aeaeae; }

.pt10 {display: block; padding-top: 10px;}

#contents_area .login_area #help {
	position:absolute;
	top:-158px;
	top:-148px\9;
	right:0px;
	right:3px\9;
	z-index:100;
	border: 0px solid;
	padding:0;
	width:350px;
	background:white;
}

#contents_area .login_area #off_shift,
#contents_area .login_area #on_shift {
	position:absolute;
	top:-119px;
	top:-109px\9;
	right:0px;
	right:3px\9;
	z-index:1;
	margin:0;
	padding:0;
	width:297px;
}

#contents_area .login_area #off_shift > table,
#contents_area .login_area #on_shift > table {
	border:1px solid #B9BBB8;
	background:#F7FCF8;
}

#contents_area .login_area .placeholder {
	position:absolute;
	top:0px;
	left:0px;
	width:412px;
	height:55px;
	font-family:'Noto Sans KR', 
	sans-serif, 'Malgun Gothic', '맑은 고딕', 'dotum', '돋움', 'gulim', '굴림'; 
	font-size: 20px; 
	color: #aeaeae;
	padding-left:15px; 
	line-height:59px;
}