/* ·Î±×ÀÎ */
.LoginCnt {border:2px solid #eee;text-align:center;width:90%;margin:0 auto; overflow:hidden;padding:20px;}
.LoginCnt h4 {font-size:20px;letter-spacing:5px;padding:5px 0 20px 0;}
.LoginCnt ul li {margin:5px 0}
.LoginCnt ul li input {width:92%; height:25px;padding:10px;border:1px solid #ddd;}
.LoBTN {cursor:pointer;width:45%;color:#fff;padding:10px 0; border:1px solid #866bb6; background:#866bb6;outline:none;}
.LoBTN:active {border:1px solid #5a496a ; background:#5a496a ;}

.idBTN {cursor:pointer;width:45%;color:#333;padding:10px 0; border:1px solid #ddd; background:#fff;outline:none;}
.idBTN:active {background:#f1f1f1;}


.pJoin {clear:both; margin:50px 0 0 0; line-height:1.5em;}
.pJoin a {margin-right:5px;}

/* ȸ¿ø°¡ÀÔ */
.useGuide {padding:20px; height:150px;background-color:#fafafa; border:1px solid #ddd;overflow:auto;}
.useGuide .w1200 {width:100% !important;}

.Agree {text-align:right;}

@media(min-width:767px) {
	.LoginCnt {width:50%;padding:40px;}
}

@media(min-width:1200px) { /* 񃧯 */
	.LoginCnt {width:500px;padding:40px;margin:20px auto 50px auto; }
	.LoginCnt h4 {font-size:30px;}
	.LoginCnt dd input {	width:433px; }
	.LoBTN {	width:239px;}
	.idBTN {width:239px;}
	}

@media(min-width:1400px) { /* 񃧯 */
	.LoginCnt ul li input {height:40px;line-height:40px;}
	.LoBTN {	padding:15px 0}
	.idBTN {	padding:15px 0}
	}

.FOG strong{font-size:18px;}

.FOG {border:1px solid #ddd;padding:20px;position: relative;}
.FOG:before {display: block;content: '!';color:#fff;font-weight:600;font-size:20px;line-height:2.4rem;width: 2.4rem;height: 2.4rem;background: #a1aab3;margin:0 auto 20px auto;border-radius: 50%;}

@media(min-width:1200px) {
	.FOG strong{font-size:20px;}
}


@media(min-width:1400px) {
	.FOG strong{font-size:25px;}
}