@charset "utf-8";
@import "nanumgothic.css";
@import "default.css";

body {margin:0; padding:0; min-width: 1200px; overflow-x: auto; font-family: 'Nanum Gothic', 'NanumGothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 0.86em;} 
input, button {font-family: '돋움', Dotum, Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 12px;}

#wrap {overflow: hidden;}
#container {overflow: hidden;}
#article {overflow: hidden;}

.login_area { width: 598px; margin: 125px auto; text-align: center; }
.login_area p.txt01 {overflow: hidden; display: block; margin-top: 10px; font-size: 14px; color: #333333;}
.login_form { margin-top: 15px; padding: 90px 70px 60px 70px; border: 1px solid #d7d7d7; background-color: #fbfcfd; }
.login_id, .login_pw { width: 458px; height: 48px; border: 1px solid #dadada; font-size: 15px; text-indent: 25px; color: #999999; }
.login_pw { margin-top: 10px; }
.btn_login { display: block; width:100%; height: 51px; margin-top: 28px; font-size: 20px; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; line-height: 50px; background-color: #0c6fb7; }
.id_saved { text-align: left; margin-top: 20px;}
.id_saved > label { margin-left: 5px;}


@media all and (max-width: 598px){
	.login_area { width: calc(100% - 20px); margin: 50px 10px; text-align: center; }
	.login_form { padding: 90px 10px 60px 10px; }
	.login_id, .login_pw { width: calc(100% - 0px); }
}