/* BASIC css start */
#l01_wrap{
	width:882px;
	height:350px;
	border:3px solid #f1f1f1;
           margin:50px auto 0;
}

#loginWrap table {width:auto;}

.jo_tit_01{margin-bottom:28px;}
.imgvert{vertical-align:middle}

#l01_wrap .loc1{
	width:418px;
	background:url(/design/mayblue/wib/join/l01/join_bar01.gif) right 50% no-repeat;
	padding-top:102px;
	padding-left:66px;
	padding-bottom: 40px;
}
#l01_wrap .loc2{
	width:446px;
	padding-top:100px;
	padding-left:39px;
}
/***************************************
                 input
***************************************/
#l01_wrap .inp01 input{
	width:182px;
	height:21px;
	border:1px solid #cfcfcf;
}
/************login_btn***************/
.login_btn{
	margin-left:6px;
}
.jf_btn01{position:relative; top:12px; left:18px;}
.jf_btn02{position:relative; top:12px; left:18px;}

.ssls{padding-left:43px}
.ssls a:visited{color:#8c8b8b; font-size:12px; font-family:'Gulim'; text-decoration:none;}
.ssls a:active{color:#8c8b8b; font-size:12px; font-family:'Gulim'; text-decoration:none;}
.ssls a{color:#8c8b8b; font-size:12px; font-family:'Gulim'; text-decoration:none;}
.ssls a:hover{color:#8c8b8b; font-size:12px; font-family:'Gulim'; text-decoration:none;}
.ss_inp{position:relative; top:2px;}

/************ sns login ***************/
.sns-login-cont { position: relative; padding-top: 30px; }
.sns-login-cont .sns-login a { display: block; margin-top: 6px; }
.sns-login-cont .sns-login a:first-child { margin-top: 0; }


.MS_input_txt.name{ width:97px;}
.MS_input_txt.num{ width:132px;}


#loginWrap .page-head { width: 100%; background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 50%; }
#loginWrap .page-head .hd-bg { width: 170px; background-color: #fff; }
#loginWrap .page-body { width: 660px; margin: 120px auto 240px; }
#loginWrap .mlog-sign { zoom: 1; overflow: hidden; width: 660px; }
#loginWrap .mlog-sign .mlog,
#loginWrap .mlog-sign .sign { float: left; }
/* mlog-sign */
#loginWrap .frm-list { position: absolute; left: 0px; top: 0px; }
#loginWrap .frm-list li,
#loginWrap .frm-list li label,
#loginWrap .frm-list li .txt-frm { float: left; }
#loginWrap .frm-list li { width: 100%; }
#loginWrap .frm-list li .txt-frm { width: 200px; height: 19px; margin-right: 0px; padding: 2px 0 0 2px; border: 0; background-color: #eaeaea; }
/* member login */
#loginWrap .mlog { position: relative; width: 370px; height: 100px; margin-top: 10px; margin-right: 50px; }
#loginWrap .mlog .frm-list li label { width: 50px; line-height: 21px; font-size: 11px; letter-spacing: -1px; font-weight: bold; }
#loginWrap .mlog .frm-list li { margin-bottom: 10px; }
#loginWrap .mlog .btn-mlog { position: absolute; left: 265px; top: 0px; }
#loginWrap .mlog .security { position: absolute; left: 50px; top: 60px; }
/* sign up */
#loginWrap .sign { position: relative; width: 240px; height: 100px; margin-top: 10px; }
#loginWrap .sign .frm-list li label { width: 130px; line-height: 24px; font-size: 11px; letter-spacing: -1.5px; padding-left: 10px; background: url(/images/d3/hot_issue/common/bull_w7_h7_red.gif) no-repeat 0 45%; }
#loginWrap .sign .frm-list li { margin-bottom: 4px; }

/* simpleLogin */
#simpleLogin { position: relative; }
#simpleLogin .sns-login { margin-top: 30px; text-align: center; font-size: 0; line-height: 0; }
#simpleLogin .sns-login p { margin-bottom: 30px; }
#simpleLogin .sns-login a { display: inline-block; margin: 0 4px; }
/* BASIC css end */