@charset "euc-kr";
/* reset */   
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, cite, code, del, dfn, em, font, img, ins, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:none 0;
}
body {
	background:url(../img/mainback.jpg) repeat;
	font-size:12px;
	font-family:"¸¼Àº °íµñ", Malgun Gothic, Tahoma;
	color:#a8acb0;
}
h1, h2, h3, h4, h5, h6 {
	font-size:12px;
	text-align:left
}
img, fieldset, iframe {
	border:0 none
}
table, div {
	border-collapse: collapse;
	font-size:12px
}
input, select:focus, textarea, button {
	font-family:"¸¼Àº °íµñ", Malgun Gothic, Tahoma;
}
input:focus, select:focus, textarea:focus, button:focus {
	outline: none;
}
textarea {
	overflow:auto;
	font-family:"¸¼Àº °íµñ", Malgun Gothic, Tahoma;
}
select, input, img, li {
	vertical-align:middle;
	text-align:left;
	font-size:12px
}
address, caption, cite, code, dfn, em, th, var, ins, i {
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
}

ul, li, ol {
	list-style-type:none
}
legend, caption {
	display:none
}
hr {
	border-collapse:collapse;
	display:none
}
a, button {
	text-decoration:none;
	cursor:pointer;
}
a:link {
	color:#fff;
}
a:visited {
	color:#fff;
}
a:active {
	color:#fff;
}
a:hover {
	color:#acacac;	
}
select::-ms-expand {
    display: none;
}
select {
	color:#fff;
	background:#161616 url(../img/sel_down.png) right center no-repeat;
	padding:10px 10px 6px 10px;
	color:#fff;
	-webkit-appearance:none;
	-moz-appearance:none;
	border:none;
}

/* login */
#wrap {
	position:absolute;
	width:100%;
	height:668px;
	top:50%;
	margin:-334px 0 0 0;
	z-index:10;
}
h1 {
	height:210px;
	text-align:center;
	background:url(../img/login_h1.png) center no-repeat;
}
h2 {
	font-size:16px;
	font-weight:bold;
	color:#6c6c6c;
	padding-bottom:11px;
}
.login_bg {
}
.log_box {
	width:438px;
	height:222px;
	margin:0 auto;
	padding:45px 60px;
	background-color:#000;	
}
.log_box h2 span {
	color:#fff;
}
.log_box div h2 span {
	color:#fff;	
}
.log_box dl {
	overflow:hidden;
	margin-bottom:15px;
}
.log_box dl dt {
	float:left;
}
.log_box dl dt input {
	display:block;
	width:260px;
	height:42px;
	padding:0 10px;
	color:#d0d0d0;
	margin-top:4px;
	background-color:#161616;
	border:none;
	clear:both;
}
.log_box dl dt input:first-child {
	margin-bottom:1px;
	margin-top:0;
}
.log_box dl dd {
	float:left;
}
.log_box dl dd button {
	width:170px;
	height:132px;
	color:#fff;
	background-color:#717171;
	font-size:16px;
	font-weight:bold;
	border:none;
	margin-left:8px;
}
.log_box dl dd button:hover {
	background-color:#373737;
}
.log_box div {
	
}
.log_box div a {
	display:table;
	width:100%;
	height:42px;
	background-color:#454545;
	color:#fff;
	font-size:16px;
	text-align:center;
	vertical-align:middle;
}
.log_box div a:hover {
	background-color:#222222;
	color:#fff;
}
.log_box div a strong {
	display:table-cell;
	vertical-align:middle;
	letter-spacing:0;
}
/* */
.id_box {
	margin:15px 0;
}
.id_box div {
	width:516px;
	height:74px;
	margin:0 auto;
	padding:15px 20px;
	border:1px solid #000;
	background-color:#161616;
}
.id_box div h2 {
	position:relative;
	font-weight:normal;
	padding-bottom:6px !important;
}
.id_box div h2 span {
	color:#fff;
}
.id_box div h2 a {
	position:absolute;
	top:0;
	right:0;
	display:inline-block;
	width:16px;
	height:16px;
	margin:-8px -13px 0 0;
	background:url(../img/icon_x.png) no-repeat;

}
.id_box div input {
	width:364px;
	height:42px;
	border:none;
	padding:0 10px;
	margin-right:5px;
	background-color:#000;
	vertical-align:middle;
	color:#fff;
}
.id_box div button {
	width:125px;
	height:42px;
	color:#fff;
	background-color:#000;
	font-size:16px;
	font-weight:bold;
	border:none;
	margin-left:-4px;
	vertical-align:middle;
}
.id_box div button:hover {
	background-color:#1d1d1d;
}



@media (max-width: 480px){
	body{background-color: #000; background-image: url('');}
	#wrap{margin: 0; height: auto; position: static; top: 0;}
	.login_bg h1{background-size: contain; width: 90vw; height: 200px; margin: 0 auto;}
	.log_box{width: 100%; height: auto; padding: 0;}
	.log_box h2{margin: 20px 0; padding: 0; height: auto; width: 260px; margin: 0 auto 30px;}
	.log_box dl{width: 260px; margin: 0 auto;}
	.log_box dl dd{margin: none;}
	.log_box dl dd button{margin: 4px 0 0 0; width: 260px; height: 80px;}
}