/* BASIC css start */
.title_area{text-align:center;position:absolute;top:150px;z-index:1;width:100%}

#loginWrap{}
#loginWrap .page-body{padding:270px 0 100px;background:url(/design/baylis/skin1/imgz/bg/member-basic.jpg) no-repeat 50% 0}
#loginWrap .page-body h3{margin-bottom:15px;font-size:23px;color:#060606;letter-spacing:-0.04em}
#loginWrap .page-body .inwrap{position:relative;width:1100px;margin:0 auto;padding:85px 0;background:white;font-size:0;text-align:center;
	-webkit-box-shadow:-5px 8px 22px -2px rgba(124,139,143,0.43);
	-moz-box-shadow:-5px 8px 22px -2px rgba(124,139,143,0.43);
	box-shadow:-5px 8px 22px -2px rgba(124,139,143,0.43)
}

/* form common */
#loginWrap .set{position:relative}
#loginWrap .set .btn_set{width:400px;margin-top:35px}
#loginWrap .set .btn_set a{display:block;height:35px;padding-top:11px;font-size:21px}
#loginWrap .set .btn_set i{margin-top:0}
#loginWrap .frm-list li{position:relative;margin-top:15px}
#loginWrap .frm-list li:first-child{margin-top:0}
#loginWrap .frm-list li label{position:absolute;top:0;left:0;height:50px;line-height:50px;margin-left:20px;color:#BBBBBD;font-size:14px}
#loginWrap .frm-list li .input-label{width:358px;height:48px;line-height:48px;margin:0;padding:0 20px;border:1px solid #EEEEF0;background:#F6F6F8;color:#BBBBBD;font-size:14px}

#loginWrap .sign{border-top:1px solid #ddd;background:white}
#loginWrap .sign .inwrap{width:1000px;margin:0 auto;padding:40px 0}
#loginWrap .sign .bx{display:inline-block;position:relative;width:320px;min-height:40px;padding-right:160px;font-size:13px;color:#464646;letter-spacing:-0.04em}
#loginWrap .sign .bx dt{line-height:140%;margin-bottom:8px;font-weight:700;font-size:15px}
#loginWrap .sign .bx dd{font-size:12px;color:#848484}
#loginWrap .sign .bx dd.btn_set{width:160px}
#loginWrap .sign .bx dd.btn_set a{display:block;border-color:#EFEFEF;background:#EFEFEF;color:#868888;font-size:12px}
#loginWrap .sign .join{float:right}

/**/
#loginWrap .sign-mlog,
#loginWrap .sign-olog,
#loginWrap .sign-slog,
#loginWrap .sign-nomember{display:inline-block;width:400px;vertical-align:top}

/**/
#loginWrap .sign-mlog .se-log{margin-top:15px;clear:both;text-align:left}
#loginWrap .sign-mlog .se-log label{display:inline-block;margin-right:10px;font-size:13px;color:#929292}
#loginWrap .sign-mlog .util{margin-top:10px;font-size:0}
#loginWrap .sign-mlog .util li{display:inline-block;width:195px;line-height:1}
#loginWrap .sign-mlog .util li:first-child{margin-right:10px}
#loginWrap .sign-mlog .util li .abtn_{display:block;border-color:#DFDFE1;color:#707073;font-size:13px}
#loginWrap .sign-mlog .simple{margin-top:20px;text-align:left}
#loginWrap .sign-mlog .simple ul{margin-left:-5px}
#loginWrap .sign-mlog .simple ul li{float:left;width:130px;margin-left:5px}

/**/
#loginWrap .sign-olog{margin-left:60px;padding-left:60px}
#loginWrap .sign-olog:after{content:'';position:absolute;top:0;bottom:0;left:50%;width:1px;margin:85px 0;background:#DADADA}
#loginWrap .sign-olog .btn_set{margin-top:15px}
#loginWrap .sign-olog .note{line-height:140%;margin-top:15px;color:#929292;font-size:13px;text-align:left}

/**/
#loginWrap .sign-nomember{margin-left:60px;padding-left:60px}
#loginWrap .sign-nomember:after{content:'';position:absolute;top:0;bottom:0;left:50%;width:1px;margin:85px 0;background:#DADADA}
#loginWrap .sign-nomember .txt{height:69px;line-height:180%;padding:22px 25px;border:1px solid #EEEEF0;background:#F6F6F8;font-size:13px;color:#A7A7A7;text-align:left}
#loginWrap .sign-nomember .txt span{display:inline-block;margin:22px 0 0 30px}
#loginWrap .sign-nomember .txt span strong{color:#52B6BA}
#loginWrap .sign-nomember .btn_set{margin-top:66px}
#loginWrap .sign-nomember .note{margin-top:20px;color:#737373;font-size:12px;letter-spacing:-1px}

/**/
#loginWrap .sign-slog{margin-left:60px;padding-left:60px}
#loginWrap .sign-slog:after{content:'';position:absolute;top:0;bottom:0;left:50%;width:1px;margin:85px 0;background:#DADADA}
#loginWrap .sign-slog .simple ul li{margin-top:10px}
#loginWrap .sign-slog .simple ul li:first-child{margin-top:0}

/**/
#simpleLogin{position:relative;line-height:0;font-size:0;text-align:left}
#simpleLogin a{display:block;line-height:50px;color:#656569}
#simpleLogin a em{display:inline-block}
#simpleLogin a em i{margin:13px 13px 0 13px;vertical-align:top;color:white}
#simpleLogin a span{display:inline-block;position:relative;padding-left:11px;font-size:15px;vertical-align:top}
#simpleLogin a span:after{content:'';position:absolute;top:0;left:0;width:1px;height:50px;background:rgba(255, 255, 255, 0.3)}
#simpleLogin .fb a{border-color:#8d968d;background:#F6F6F6}
#simpleLogin .fb a em{background:#80A0E6}
#simpleLogin .naver a{border-color:#8d968d;background:#F6F6F6}
#simpleLogin .naver a em{background:#96D18F}
#simpleLogin .kakao a{border-color:#8d968d;background:#F6F6F6}
#simpleLogin .kakao a em{background:#F9DA8A}
/* BASIC css end */