@charset "utf-8"; /*UTF-8 문서임을 알려준다. 한글 깨짐 방지*/
@import url('fonts/NotoSans/NatoSans.css'); /* 2019.05.02 유대규: Nato Sans Kr 폰트 추가 */
/* Reset */
html, body { width: 100%; height: 100%; background: #FFF; overflow: hidden; }
body, h1, h2, h3, h4, input, button, div { font-family: NatoSans,Dotum,AppleGothic,Sans-serif; font-size: 16px; color: #666; font-weight: 300; }
body { text-align: center; *word-break: break-all; -ms-word-break: break-all; }
img, fieldset, iframe { border: 0 none; }
h1 { padding: 0; margin: 0 0 2em 0; height: 50px; font-size: 24px; vertical-align: bottom; color: #FF3333; }
	h1 img { margin: 0 16px 6px 0; vertical-align: bottom; }
h2 { text-align: left; font-size: 26px; color: #333; border-bottom: 1px solid #BBB; }
h3 { text-align: left; font-size: 21px; color: #666; }

.divMain { width: 650px; height: 660px; color: #444; }
.divMain { position: absolute; top: 50%; left: 50%; margin: -330px 0 0 -345px; }
/*가로, 세로 가운데 정렬(margin 값은 개체 크기의 절반값을 입력할 것*/

#msg { margin-top: 1em; }

.divInput { float: left; line-height: 3.3em; }
	.divInput label { display: inline-block; width: 100px; font-size: 18px; text-align: right; color: #1E2740; margin-right: 1em; }
	.divInput .g1 { box-sizing: border-box; width: 350px; font-size: 26px; color: #333; border: none; border-bottom: 1px solid #BBB; font-weight: bold; ime-mode: disabled; }

.divLBtn { float: right; }
	.divLBtn .btnLogin { width: 150px; height: 100px; font-size: 24px; }

.divEBtn { margin-top: 2em; margin-bottom: 4em; }
	.divEBtn .btnLogin { background-color: #FFF; border: 1px solid #1E2740; color: #1E2740; width: 150px; height: 48px; }

.divInform { margin-top: 2em; padding: 1em; background: lightyellow; color: brown; border: 2px dotted red; overflow-y: auto; }

.noti, .cont { text-align: left; margin-top: 2em; line-height: 2em; }
	.noti a, .cont a { display: inline-block; border-bottom: 2px solid #CCC; }
	.cont span { display: inline-block; width: 60px; }

#login_out { position: absolute; top: 250px; left: 250px; width: 300px; height: 30px; }
#login_desc { position: absolute; top: 320px; left: 180px; width: 400px; height: 36px; text-align: left; line-height: 1.5em; }
#login_contact { position: absolute; top: 352px; left: 230px; width: 300px; height: 72px; text-align: left; line-height: 1.7em; padding-top: 9px; padding-left: 14px; }
	#login_contact .contact_detail { height: 20px; }

.btnLogin {
    padding: 4px;
    /*background-color: #5892C4;*/
	background-color: #416C91;
    color: #FFF;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    border: none;
}
	.btnLogin:hover { background-color: #334854; color: #DBBA6B; cursor:pointer;}
	.btnLogin:active { color: #F23030; }

.navy { color: #fef4e9; border: solid 1px gray; background: #008; }
	.navy:hover { background: #68B03E; }
	.navy:active { color: #008; }