/* BASIC css start */
#loginWrap .page-body {width:940px; margin:0 auto; overflow:hidden;}
#loginWrap h2.title {font-size:36px; font-weight:700; text-align: center; margin:20px 0;}

#loginWrap .mlog-sign {position:relative; float:left; width: 350px; margin:0 60px;}
/* #loginWrap .mlog-sign:after {position:absolute; left:410px; top:0; width:1px; height:410px; background:#ccc; content:'';}*/
#loginWrap .mlog-sign:after {position:absolute; left:410px; top:0; width:1px; height:550px; background:#ccc; content:'';}


/* mlog-sign */
#loginWrap .frm-list li,
#loginWrap .frm-list li label,
#loginWrap .frm-list li .txt-frm { float: left; }
#loginWrap .frm-list li label{display:none;}
#loginWrap .frm-list li .txt-frm {width:318px; height:56px; color:#000; padding:0 15px; border:1px solid #666; background-color:#ffffff;}
#loginWrap h3 {margin-bottom:20px; text-align:left; font-size:20px;}

/* member login */
#loginWrap .mlog {text-align:left;}
#loginWrap .mlog .frm-list li label { width: 64px; line-height: 22px; font-size: 12px; letter-spacing: 0px; font-weight: normal;  text-align: left; margin-top: 3px; }
#loginWrap .mlog .frm-list li { margin-bottom: 10px; }
#loginWrap .mlog .security,
#loginWrap .mlog .securityid {display:inline-block; margin-top:18px;}
#loginWrap .mlog .securityid {margin:18px 30px 0 8px;}
#loginWrap .mlog .btn-login {display:inline-block; width:350px; height:60px; margin-top:20px; line-height:60px; background:#dfa094; color:#fff; font-size:18px; text-align:center;}

/* sign up */
#loginWrap .sign { float: left;  position: relative; width:100%; /*margin:24px 0 34px; */}
#loginWrap .sign .frm-list {padding-left:25px;}
#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 {position:relative; display:inline-block; width:85px; padding:0 7px;}
#loginWrap .sign .frm-list li:after {position:absolute; left:-5px; top:3px; width:1px; height:15px; background:#ccc; content:'';}
#loginWrap .sign .frm-list li:first-child:after {display:none;}
#loginWrap .sign .frm-list li:last-child:after {left:8px;}
#loginWrap .sign .frm-list li a {}

#loginWrap .btn-sns a {display:inline-block; margin-right:3px;}


/* nonmember login */
#loginWrap .nmlog {float: left; width:350px; margin:0 60px;}
#loginWrap .nmlog .frm-list {width: 240px;  text-align: left;}
#loginWrap .nmlog .frm-list li label {display:none; }
#loginWrap .nmlog .frm-list li { margin-bottom: 10px; }
#loginWrap .nmlog .txt {padding:153px 0 20px;}
#loginWrap .nmlog > a {display:inline-block; width:348px; height:58px; margin-bottom:10px; line-height:58px; border:1px solid #333; color:#000; font-size:18px; text-align:center;}
#loginWrap .nmlog > a.btn-nmorder {background:#000; color:#fff; border-color:#000;}
#loginWrap .nmlog span{display:block;text-align:left;}
#loginWrap .nmlog span a{float:right;}
#loginWrap .nmlog span a:hover{border-bottom:1px solid #000;}


/*카카오회원가입*/
.kakao_login_wrap{border:1px solid #f5f5f5; background:#fbfbfb; width:818px; margin:60px auto; padding:25px 0;}
.kakao_login_wrap .kakao_login {text-align:center; width:500px; margin:0 auto; }
.kakao_login_wrap .kakao_login p{line-height:18px; text-align:center;}
.kakao_login_wrap .kakao_login .kakaotalk a{font-family:'BASKVILL'; display: block; font-size:17px; height: 58px; line-height: 60px; background: #feed17; width: 348px; box-sizing: border-box; text-align:center; margin:15px auto 0;}
.kakao_login_wrap .kakao_login .kakaotalk span{background: url(/design/mariang7/phps/m/common/icon_kakao_logo.png) no-repeat 50% 50% #feed17; background-size: 31px auto; width: 57px; height: 58px; display: inline-block; vertical-align: top;}

/* 애플 로그인(임시)
.kakao_login_wrap .kakao_login .apple_ a{display: block; font-size:17px; height: 58px; line-height: 60px; background: #000; color:#fff; width: 348px; box-sizing: border-box; text-align:center; margin:15px auto 0;}
.kakao_login_wrap .kakao_login .apple_ span{background: url(http://mariang7.jpg3.kr/img2/mimg/icon_apple_logo.png) no-repeat 50% 50% #000; background-size: 31px auto; width: 57px; height: 58px; display: inline-block; vertical-align: top;} */


/*혜택안내*/
.ev-benefit {margin:0 auto; width:500px;}
.ev-benefit h4{text-align:left; font-size:18px; padding-top:24px;}
.ev-benefit ul{padding:30px 0;}
.ev-benefit ul:after{content:''; clear:both; display:block;}
.ev-benefit ul li{float:left; width:33%; text-align:center; padding: 10px 0; font-size:14px; line-height:18px;}
.ev-benefit ul li img{width:40%;}
.ev-benefit ul li span{display:block; width:100%; height:60px;}
.ev-benefit ul li a{display:block;}
.ev-benefit ul .line-r{border-right:1px solid #e6e6e6; margin-right:-1px;}

 
/*네이버로그인*/ 
a.btn-naver{display: inline-block;width: 348px;height: 58px; line-height: 58px;border: 1px solid #333;color: #000;font-size: 18px;text-align: center; margin:10px 0;}
a.btn-naver span { width: 58px; height: 58px; display: inline-block; vertical-align: top;}    
a.btn-naver span { background: url(/design/mariang7/phps/m/common/icon_naver_logo2.png) no-repeat 50% 50%; background-size: 25px auto; }


/* 애플 로그인 */
a.btn-apple {display:inline-block; width:350px; height:60px; margin-bottom:20px; line-height:60px; background:#000; color:#fff; font-size:18px; text-align:center;}
a.btn-apple span { width: 58px; height: 58px; display: inline-block; vertical-align: top;}    
a.btn-apple span { background: url(http://mariang7.jpg3.kr/img2/mimg/icon_apple_logo.png) no-repeat 50% 50%; background-size: 25px auto; }
 
/* BASIC css end */