@charset "utf-8";

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
html { overflow-y:scroll; font-family:"돋움", Dotum, sans-serif; }
html,body,div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,blockquote,p,address,pre,cite,form,fieldset,caption,input,textarea,select,table,th,td { margin:0; padding:0; }
body { background:#f3f3f4; }
iframe { border: 0px; border:none;}
caption { display:none; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
fieldset,img,abbr,acronym { border:0 none; }
ul, ol { list-style:none; }
table { border-spacing:0; border-collapse:collapse; empty-cells:show; }
caption,th,td { border:0; font-weight: normal; text-align:left; }
button { padding:0; border:0; background:transparent; cursor:pointer; }
address,caption,em,cite,i{ font-weight:normal; font-style:normal; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
a { text-decoration:none; cursor:pointer; }
a:link { color:#444; }
a:visited { text-decoration:none; }
a:active,a:focus { text-decoration:none; }
a:hover { text-decoration:underline; }
select { vertical-align:middle; }
legend { display:none; }
input:focus { outline: none; }
input{-webkit-border-radius:0; -webkit-appearance: none;}
h1 { display:inline-block; margin-right:20px; position:absolute; top:8px }
h1 span { display:table-cell; vertical-align:middle; }

/* login */
.clear {display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}
.wrapper { width:100%; }
.loginColumns { position:relative; width:600px; margin:20% auto 0 auto; }
.com_box { position:relative; top:0px; margin-left:270px; }
.btn { display: inline-block; top:0px; right:0px; padding: 6px 12px; text-align: center; vertical-align: middle; border:0px; }
.btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4;  }
.form-control { background-color: #FFFFFF; border: 1px solid #c2c2c2; border-radius:5px 5px 0 0; display: block; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s; width: 240px; font-size: 14px; box-shadow:1px 2px 3px #ededed inset; height:40px; color:#4f565b; }
.form-control.last { background-color: #FFFFFF; border: 1px solid #c2c2c2; border-radius:0 0 5px 5px; color:#4f565b; display:block; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s; width:240px; font-size: 14px; height:40px; box-shadow:1px 1px 0 #fff; }
.form-control:focus { border-color: #0098de !important; }
.mBtn {
	border-radius:5px; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.95, rgb(0,152,212)), color-stop(0.5, rgb(0,117,194)), color-stop(0.1, rgb(0,117,194))); background:#0098d4 -moz-linear-gradient(top, #0098d4, #0075c2); background:#0098d4 -ms-linear-gradient(top, #0098d4, #0075c2); border:1px solid #005f9c;
	color:#fff; font-size: 13px; text-align:center;-webkit-text-shadow:1px -1px 0 #1b6091; font-weight:bold; box-shadow:0 1px 0 #26a6da inset; -webkit-box-shadow: 0 1px 0 #26a6da inset; cursor:pointer; display:inline-block; height:80px; width:80px; position:absolute; top:0px; right:5px;
}

div.copy { position:fixed; bottom:0px; width:100%; min-width:400px; height:31px;  border-top:1px solid #31323b; color:#ffffff; font-family:Verdana; font-size:9px; line-height:3.3em; background-color:#464854; text-align:center; }

@media (max-width:992px) {
	h1 { display:block;  margin:0 0 40px 0; position:relative ; width:100%; text-align:center; }
	h1 span { display:block; vertical-align:middle; width:100%; text-align:center }
	.com_box { display:block; width:100%; margin-left:0px; }
	.loginColumns { position:relative; width:100%; height:100%; padding:0 20px }
	.form-control { background-color: #FFFFFF; border: 1px solid #c2c2c2; border-radius:5px 5px 0 0; display: block; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s; width: 100%; font-size: 18px; box-shadow:1px 2px 3px #ededed inset; height:50px; color:#4f565b; }
	.form-control.last { background-color: #FFFFFF; border: 1px solid #c2c2c2; border-radius:0 0 5px 5px; color:#4f565b; display:block; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s; width:100%; font-size: 18px; height:50px; box-shadow:1px 1px 0 #fff; }
	.mBtn {
	   background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.95, rgb(0,152,212)), color-stop(0.5, rgb(0,117,194)), color-stop(0.1, rgb(0,117,194))); background:#0098d4 -moz-linear-gradient(top, #0098d4, #0075c2); background:#0098d4 -ms-linear-gradient(top, #0098d4, #0075c2); border:1px solid #005f9c;
	   border-radius:5px; box-shadow:0 1px 0 #26a6da inset; -webkit-box-shadow: 0 1px 0 #26a6da inset; cursor:pointer; display:inline-block; height:50px; width:100%; position:relative; top:0px; right:0px; margin-top:10px; color:#fff; font-size: 18px; text-align:center; -webkit-text-shadow:1px -1px 0 #1b6091; font-weight:bold;
	}
	div.copy { width:100%; min-width:0px; height:60px;  border-top:1px solid #31323b; color:#ffffff; font-family:Verdana; font-size:12px; line-height:60px; background-color:#464854; text-align:center; }
}

@media (max-width:992px) and (orientation:landscape) {
	.wrapper { margin:2% auto 0 auto; }
}