/* LOGIN */
.shop_login {position:relative;background:url('/images/cont/bg_login.gif') left top no-repeat;width:700px;height:403px;}
.shop_login ul {position:relative;top:125px;left:110px;width:155px;height:auto;overflow:hidden;}
.shop_login ul input {border:1px solid #ccc;width:100px;margin-bottom:7px;padding:3px 0 2px 5px;	}
.shop_login .btnLogin {position:relative;	top:68px;left:230px;width:60px;height:50px;}
.btn_login_add {position:absolute;top:125px;left:305px;font-size:0;line-height:0;}
.btn_login_add img {width:184px;height:50px;margin-right:10px;}


.useGuide {font-size:12px;padding:20px; height:150px;background-color:#f9f9f9; border:1px solid #ddd;overflow:auto;}
.LoginTit {overflow:hidden;margin-bottom:5px;}
.LoginTit h4 {float:left;}
.LoginTit .Point {float:right;}
.LoginTable {width:100%;border-top:2px solid #a32121;}
.LoginTable tbody td {border-bottom:1px solid #c3c3c3;padding:10px 8px;}
.LoginTable tbody th {border-bottom:1px solid #c3c3c3;padding:8px 8px;color:#333;background-color:#f3f3f3;text-align:left;font-weight:normal;}
.LoginBasic input.input01 {width:168px; height:18px; padding:1px 0 0; border:1px solid #e1e1e1; background:#f9f9f9; color:#7f7f7f; }
.LoginBasic input.input02 {width:268px; height:18px; padding:1px 0 0; border:1px solid #e1e1e1; background:#f9f9f9; color:#7f7f7f; }
.LoginBasic input.input03 {width:45px; height:18px; padding:1px 0 0; border:1px solid #e1e1e1; background:#f9f9f9; color:#7f7f7f; }
.LoginBasic input.input04 {width:98px; height:18px; padding:1px 0 0; border:1px solid #e1e1e1; background:#f9f9f9; color:#7f7f7f; }
.LoginBasic input.input05 {width:36px; height:18px; padding:1px 0 0; border:1px solid #e1e1e1; background:#f9f9f9; color:#7f7f7f; }
.LoginBasic input.input06 {width:226px; height:14px; padding:4px 0 1px; border:1px solid #e1e1e1; background:#f9f9f9; color:#7f7f7f; }
.LoginBasic td span {font-size:12px;color:#555;}

.Agree {text-align:right;}
.BGcolor {padding:10px 0;background-color:#f2f2f2;font-weight:bold;}

.JoinGuide {line-height:1.4em;font-size:12px;}
.JoinGuide div {margin-bottom:10px;}
.JoinGuide  ul {margin:10px 0 0 10px;}
.JoinGuide  ul li ol{margin:5px 0 5px 10px;color:#555;}

.pOL {padding-left:25px;}

.LoginBtn {text-align:center;margin:20px 0;}
.LoginBtn .FText {margin-bottom:10px;}
.IDPW_w {margin:10px 0;}

.LoginBasic dl {padding:20px;border:1px solid #e1e1e1;}
.LoginBasic dl dt {padding-bottom:10px;}


.Zipcode {overflow:hidden;font-size:13px;font-family:NanumGothic,Dotum;color:#333;}
.ZipcodeTOP {margin:20px 0;padding:10px 10px;background-color:#f2f2f2;border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.ZipList {width:98%; border-top:1px solid #f78702; border-left:1px solid #ddd; border-right:1px solid #ddd;overflow:hidden;font-size:12px;}
.ZipList tbody td {border-bottom:1px solid #c3c3c3;padding:10px 8px;}
.ZipList thead th {border-bottom:1px solid #c3c3c3;padding:8px 8px;color:#333; }
.ZipList tbody th {border-bottom:1px solid #c3c3c3;border-right:1px solid #c3c3c3;padding:8px 8px;color:#333;background-color:#f3f3f3;}
.ZipList tbody a {color:#333;text-decoration:none;}


.HLoginBg{width:1200px; margin:0 auto 80px; border:1px solid #ddd; box-sizing:border-box; border-radius:2em; overflow:hidden;}
.LoginCnt {width:560px; padding:30px 0; margin:0 auto; overflow:hidden;}
.LoginCnt dl {width:440px; margin-bottom:6px;}
.LoginCnt dt {display:none;}
.LoginCnt dd input {
	width:92%; height:20px; border:1px solid #ccc; padding:10px; 
	background-color:#f5f5f5; 
	border:1px solid #ddd; 
}
.Mbott {margin-bottom:15px;}
.LFleft {float:left;}
.RFright {float:right;}
.LoginButton {
	width:120px; height:90px; font-size:16px; font-weight:bold; padding:35px 30px; color:#fff; 
	border:none; background:#205092; outline:none; cursor:pointer;
	background:-webkit-linear-gradient(-45deg, #20a3f8 0%, #9a7afc 100%);
    background:linear-gradient(135deg, #20a3f8 0%, #9a7afc 100%);
}
.LoginButton:active {border: 1px solid #205092; background:#205092;}

.pJoin {clear:both; padding:20px 300px; background:#f7f7f7; line-height:1.75em; word-break:keep-all;}
.pJoin li {margin:7px 0;}

@media(max-width:1199px) {
	.HLoginBg{width:calc(100% - 20px); margin:0 auto 50px;}
	.LoginCnt {width:100%; padding:20px; margin:0 auto; overflow:hidden; box-sizing:border-box;}
	.LoginCnt dl {width:100%; margin-bottom:6px;}
	.LoginCnt dt {display:none;}
	.LoginCnt dd {}
	.LoginCnt dd input {width:calc(100% - 20px); height:20px; border:1px solid #ccc; padding:10px; background-color:#f5f5f5; border:1px solid #ddd;} 
	.Mbott {margin-bottom:15px;}
	.LFleft {float:none;}
	.RFright {float:none;}
	.LoginButton {width:100%; height:42px; font-size:16px; padding:0px 10px; box-sizing:border-box;}

	.pJoin {padding:20px; line-height:1.5em; font-size:.85em;}
}