/*
	고도몰 샵 관리자 로그인 css 입니다.
	작성자 : 류인상
	최초작성 : 2015.09.14
*/
@charset "euc-kr";

/*
	html 초기화
*/
* {
	margin:0;
	padding:0;
}
body {
	color:#666;
	font-family:Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;
	font-size:13px;
	line-height:1.3;
}
ul, ol , li {list-style:none;}
caption,legend {
	width:0;
	height:0;
	visibility:hidden;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}
fieldset, abbr, acronym {border:0;}
address, caption, cite, code, dfn, em, var {font-style:normal;}
hr {display:none;}
img {
	border:none;
	vertical-align:top;
}
a {
	color:#666;
	text-decoration:none;
}
label {
	cursor:pointer;
	vertical-align:top;
}
input {
	border-radius:0;
	outline:none;
	font-family:Malgun Gothic,'맑은 고딕',Helvetica,AppleGothic,dotum,'돋움',sans-serif;
	color:#666;
}
select {
	outline:none;
	height:20px;
	vertical-align:top;
	color:#666;
}
button {
	cursor:pointer;
	background:none;
	border:none;
	vertical-align:top;
	outline:none;
	color:#666;
	font-family:Malgun Gothic,'맑은 고딕',Helvetica,AppleGothic,dotum,'돋움',sans-serif;
	font-size:100%;
}
button span {
	position:relative;
	z-index:-1;
}
input.text,
input.password,
input.edit {
	padding:0 5px;
	outline:none;
	font-size:12px;
}
input.checkbox {
	width:13px;
	height:13px;
	vertical-align:top;
}
.hide {display:none;}

/*
	컨텐츠
*/
.top {
	height:426px;
	background:#ECEDED;
	padding:198px 0 0;
}
.wrap {
	width:800px;
	margin:0 auto;
	font-size:0;
	text-align:center;
}
.login {
	display:inline-block;
	width:462px;
	text-align:left;
}
.login .in {
	position:relative;
	width:462px;
	margin:0 auto;
	padding:13px 0 0;
}
.login .in #layer {
	position:absolute;
	top:0;
	left:300px;
	width:460px;
	height:599px;
	background:url('../../img/login/layer.png') no-repeat left top;
	z-index:1;
}
.login .in #layer div {
	position:relative;
	width:454px;
	padding:38px 0 0 1px;
}
.login .in #layer div h2 {
	color:#333;
	font-size:20px;
	text-align:center;
	text-decoration:underline;
}
.login .in #layer div p {
	margin:37px 0 0;
	padding:15px 0 20px 54px;
	background:#eee;
	color:#333;
	font-size:16px;
	font-weight:bold;
	letter-spacing:-1px;
	line-height:22px;
	text-indent:-18px;
}
.login .in #layer div p strong {
	color:#0075c2;
}
.login .in #layer div ol {
	padding:13px 0 0 54px;
	font-size:13px;
}
.login .in #layer div ol li {
	line-height:20px;
}
.login .in #layer div a {
	display:block;
	width:228px;
	height:28px;
	margin:40px auto 0;
	padding:10px 0 0;
	background:#1692de;
	border:1px solid #0776b9;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
.login .in #layer div button {
	display:block;
	position:absolute;
	right:33px;
	top:33px;
	width:37px;
	height:37px;
	background:#fff url('../../img/login/layer-close.png') no-repeat left top;
	text-indent:-9999px;
}
.login .in .ipf {
	position:relative;
	padding:0 0 14px;
}
.login .in .ipf label {
	position:absolute;
	left:56px;
	top:20px;
	color:#cfcfcf;
	cursor:text;
	font-size:16px;
}
.login .in .ipf .text {
	width:405px;
	height:58px;
	line-height:58px;
	padding:0 0 0 55px;
	border:1px solid #dadada;
	color:#5e5e5e;
	font-size:16px;
}
.login .in .ipf .user-id {
	background:#fff url('../../img/login/ico-id.png') no-repeat 17px 15px;
}
.login .in .ipf .user-pw {
	background:#fff url('../../img/login/ico-pw.png') no-repeat 17px 15px;
}
.login h1 {
	overflow:hidden;
	padding:0 0 33px;
	color:#666;
	font-size:26px;
}
.login h1 img {
	float:left;
}
.login h1 strong {
	position:relative;
	top:5px;
	float:left;
	margin:0 0 0 18px;
	padding:0 0 0 18px;
	background:url('../../img/login/bar-1x24-b1b2b2.gif') no-repeat left 10px;
	font-weight:normal;
}
.login button.bt-login {
	width:462px;
	height:60px;
	background:#5e5e5e;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}
.login .support {
	padding:20px 0 0;
	font-size:13px;
}
.login .support .checkbox {
	vertical-align:middle;
}
.login .support label {
	margin:0 10px 0 0;
	padding:0 10px 0 0;
	background:url('../../img/login/bar-1x11-999.gif') no-repeat right 5px;
}
.banner {
	display:inline-block;
	width:290px;
	margin:0 0 0 48px;
	vertical-align:top;
}
.bottom {
	overflow:hidden;
	width:800px;
	margin:0 auto;
	padding:50px 0;
}
.bottom h2 {
	padding:0 0 18px;
	border-bottom:1px solid #e8e8e8;
	color:#333;
	font-size:16px;
	font-weight:bold;
}
.bottom .update {
	float:left;
	width:375px;
}
.bottom .update ul {
	vertical-align:top;
}
.bottom .update ul li {
	overflow:hidden;
	padding:16px 0 0;
}
.bottom .update ul li > a {
	float:left;
}
.bottom .update ul li div {
	float:right;
	width:315px;
	line-height:20px;}
.bottom .update ul li div a {
	float:none;
}
.bottom .update ul li div a img {
	vertical-align:middle;
}
.bottom .update,
.bottom .upgrade{
	position: relative;
}
.bottom .upgrade {
	float:right;
	width:400px;
}
.bottom .upgrade ul {
	padding:7px 0 0;
}
.bottom .upgrade ul li {
	padding:0 0 0 11px;
	background:url('../../img/login/bl-2x2-595959.gif') no-repeat left 14px;
}
.bottom .upgrade ul li a {
	display:inline-block;
	overflow: hidden;
	max-width:333px;
	line-height:26px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.bottom .upgrade ul li img {
	vertical-align:7px;
}

.bottom .btn-more{
	position: absolute;
	top: 0;
	right: 0;
}