.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

.clear-after:after,
.clear-before:before {
	clear: both;
	content: '';
	display: table;
}

.common-login-page-box {
	position: relative;
	width: 785px;
	margin: 80px auto 30px;
}

.common-login-page-box h1.login-page-title {
	width: 349px;
	height: 58px;
	position: relative;
	text-indent: -9999px;
	background: url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/login/member_login_page_title.jpg) no-repeat;
	margin: 0 auto;
}

.common-login-page-box p.info-msg {
	text-align: center;
	width: 100%;
	margin-top: 16px;
	font-size: 16px;
}

.common-login-page-box div.login-form-box {
	position: relative;
}

.common-login-page-box ul.login-options-btn {
	width: 300px;
	margin: 20px auto;
	position: relative;
}

.common-login-page-box ul.login-options-btn li {
	position: relative;
	width: 150px;
	height: 23px;
}

.common-login-page-box ul.login-options-btn label {
	width: 135px;
	margin-left: 15px;
	display: inline-block;
	font-size: 13px;
	height: 23px;
	line-height: 23px;
	text-indent: 15px;
	cursor: pointer;
}

.common-login-page-box ul.login-options-btn label input[type='checkbox'] {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeSpeed;
	display: block;
	float: left;
	position: relative;
	cursor: pointer;
}
.common-login-page-box ul.login-options-btn label input[type='checkbox']:after {
	content: url(/_skin/sidae/images/login/chk_off.png);
	vertical-align: middle;
	text-align: center;
	position: absolute;
	cursor: pointer;
	height: 23px;
	width: 23px;
	background: #fafafa;
}

.common-login-page-box ul.login-options-btn label input[type='checkbox']:checked:after {
	content: url(/_skin/sidae/images/login/chk_on.png);
}

.common-login-page-box ul.login-jdqm {
	position: relative;
	margin: 20px auto 10px;
	width: 785px;
}

.common-login-page-box ul.login-jdqm li {
	position: relative;
	width: 280px;
	height: 50px;
	margin-right: 5px;
}

.common-login-page-box ul.login-jdqm li.com-login-btn-box {
	width: 215px;
	margin-right: 0;
}

.common-login-page-box ul.login-jdqm li input[type='text'],
.common-login-page-box ul.login-jdqm li input[type='password'] {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	font-size: 16px;
	text-indent: 10px;
	border: 1px solid #ccc;
}

.common-login-page-box ul.login-jdqm li span {
	position: absolute;
	top: 13px;
	left: 10px;
	color: #ccc;
	font-size: 16px;
}

.common-login-page-box ul.login-jdqm li.com-login-btn-box .common-btn-login {
	position: relative;
	width: 215px;
	height: 50px;
	line-height: 50px;
	border: none;
	background: #343434;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	letter-spacing: -1px;
	cursor: pointer;
}

.common-login-page-box ul.login-jdqm li.com-login-btn-box .common-btn-login:hover {
	background: #4884ed;
}

.common-login-page-box ul.login-jdqm li.adm-pw {
	position: absolute;
	width: 280px;
	height: 50px;
	left: 285px;
	top: 55px;
	z-index: 1;
	display: none;
}

.common-login-page-box div.adm-pw input[type='password'] {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	text-indent: 10px;
	font-size: 16px;
}

.another-login-btns {
	width: 300px;
	position: relative;
	margin: 30px auto 0;
}

.another-login-btns #naverIdLogin_loginButton {
	display: block;
	width: 148px;
	height: 41px;
	background: url('/_skin/sidae/images/login/naver_login_common.jpg') no-repeat 0 0;
}

.another-login-btns #naverIdLogin_loginButton img {
	display: none;
}

.common-login-page-box div.join-btn-section {
	width: 100%;
	position: relative;
	border-top: 1px solid #dfdfdf;
	margin-top: 20px;
}

.common-login-page-box div.member-join-link {
	line-height: 23px;
	text-align: center;
	position: relative;
	margin: 20px auto 0;
}

.common-login-page-box div.member-join-link a {
	position: relative;
	padding: 0 10px;
	text-align: center;
	display: inline-block;
	font-weight: bold;
	font-size: 15px;
}

.common-login-page-box div.member-join-link a.nomember-delivery-show-btn {
	/* color:#bf3333;
	background:#dfdfdf; */
	!display: none;
}

.common-login-page-box div.member-join-link a:before {
	content: '|';
	display: inline-block;
	position: absolute;
	left: -2px;
	color: #afa9a9;
}

.common-login-page-box div.member-join-link a:first-child:before {
	content: '';
}

.common-login-page-box div.no-member-buy-box {
	position: relative;
	margin: 20px auto 0;
	background: #ebebeb;
	border: 1px solid #d3d3d3;
	box-sizing: border-box;
	width: 785px;
	!display: none;
}

.no-member-buy-info-msg {
	position: relative;
	width: 600px;
	box-sizing: border-box;
	padding: 15px;
}

.common-login-page-box div.no-member-buy-box p {
	font-size: 13px;
}

.no-member-buy-info-msg p:first-child {
	margin-bottom: 10px;
}

.common-login-page-box div.no-member-buy-btns {
	position: relative;
	width: 148px;
	height: 64px;
	margin: 15px;
}

.common-login-page-box div.no-member-buy-btns a {
	width: 148px;
	position: relative;
	display: block;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	margin-top: 2px;
	text-decoration: none;
	text-align: center;
	box-sizing: border-box;
	font-weight: bold;
}

.common-login-page-box div.no-member-buy-btns a.nm-buy-btn {
	background: #3ab0a4;
	color: #fff;
	border-radius: 4px;
	border: 1px solid #3ab0a4;
}
.common-login-page-box div.no-member-buy-btns a.nm-buy-btn:hover {
	background: #20c5b5;
	color: #fff;
}

.common-login-page-box div.no-member-buy-btns a.mem-gift-btn {
	background: #3587b9;
	color: #fff;
	border: 1px solid #3587b9;
	border-radius: 4px;
	margin-top: 10px;
}
.common-login-page-box div.no-member-buy-btns a.mem-gift-btn:hover {
	background: #43a0d8;
	color: #fff;
}

.common-nomember-delivery-box {
	position: absolute;
	top: -5px;
	padding: 20px;
	width: 785px;
	height: 284px;
	background: #ebebeb;
	border: 1px solid #d3d3d3;
	box-sizing: border-box;
	z-index: 2;
	display: none;
}

.common-nomember-delivery-box h2.nomember-delivery-title {
	font-size: 20px;
	margin-bottom: 20px;
	text-align: center;
	width: 100%;
	letter-spacing: -1px;
	margin-top: 10px;
}

.common-nomember-delivery-box ul.nomember-delivery-agree-box {
	position: relative;
	width: 500px;
	margin: 0 auto;
}

.common-nomember-delivery-box ul.nomember-delivery-agree-box li {
	position: relative;
	list-style: none;
	margin-bottom: 14px;
	margin-left: 10px;
}

.common-nomember-delivery-box ul.nomember-delivery-agree-box li > div {
	font-size: 13px;
	display: block;
}

ul.nomember-delivery-agree-box .nomember-hp-box > div,
ul.nomember-delivery-agree-box .nomember-agree-number > div {
	position: relative;
}

ul.nomember-delivery-agree-box .nomember-hp-box .title {
	width: 70px;
	height: 35px;
	line-height: 35px;
	font-weight: bold;
}

ul.nomember-delivery-agree-box .phone-number input {
	position: relative;
	border: 1px solid #dadada;
	box-sizing: border-box;
	width: 60px;
	height: 35px;
	text-align: center;
}

ul.nomember-delivery-agree-box .nomember-hp-agree-btn {
	position: relative;
	width: 185px;
	height: 30px;
}

ul.nomember-delivery-agree-box .nomember-hp-agree-btn a {
	position: absolute;
	display: block;
	width: 100%;
	height: 35px;
	line-height: 35px;
	box-sizing: border-box;
	border: 1px solid #898989;
	background: #7e73a9;
	color: #fff;
	text-decoration: none;
	text-align: center;
	letter-spacing: -1px;
	font-size: 13px;
}

ul.nomember-delivery-agree-box .nomember-agree-number .title {
	width: 70px;
	height: 35px;
	line-height: 35px;
	font-weight: bold;
}

ul.nomember-delivery-agree-box .nomember-agree-number .number-box {
	width: 205px;
	height: 35px;
	line-height: 35px;
}

ul.nomember-delivery-agree-box .nomember-agree-number .number-box input {
	width: 100%;
	height: 100%;
	border: 1px solid #dadada;
	box-sizing: border-box;
}

ul.nomember-delivery-agree-box .nomember-agree-number .btn-box {
	width: 185px;
	height: 35px;
	line-height: 35px;
	margin-left: 10px;
}

ul.nomember-delivery-agree-box .nomember-agree-number .btn-box a {
	width: 185px;
	top: 1px;
	height: 35px;
	line-height: 35px;
	font-size: 13px;
	display: block;
	position: absolute;
	background: #3b7dd1;
	color: #fff;
	text-decoration: none;
	text-align: center;
}

div.nomember-delivery-show {
	position: relative;
	margin: 20px auto 0;
	width: 262px;
	height: 40px;
}

div.nomember-delivery-show a {
	position: absolute;
	display: block;
	height: 40px;
	line-height: 40px;
	box-sizing: border-box;
	color: #fff;
	text-decoration: none;
	text-align: center;
	letter-spacing: -1px;
	font-size: 13px;
}

div.nomember-delivery-show a.show-my-delivery {
	left: 0;
	background: #343434;
	width: 262px;
}

div.common-nomember-delivery-box a.close-delivery {
	position: absolute;
	text-indent: -9999px;
	right: 20px;
	top: 16px;
	width: 17px;
	height: 17px;
	display: block;
	background: url(/_skin/sidae/images/login/close_x.png) no-repeat;
}