/* BASIC css start */
/* 로그인 영역 */
#login > .h_title { border-bottom: 0; padding: 0;}
.loginMiddle > ul {overflow: hidden;margin-top: 18px;}
.loginMiddle > ul li:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 1px;
    height: 17px;
    background: #ddd;
    top: 3px;
    left: 0;
}
.loginMiddle > ul li:first-child:before {display:none;}
.loginMiddle > ul li{

	position: relative;
	float: left;    
	width: 33.3%;
	text-align: center;

}

.loginMiddle > ul li a{
                       
	display: inline-block;
	width: 100%;
	height: 25px;
	font-size: 1.1em;
	line-height: 25px;  

}


/* SNS간편로그인 영역  */

.sns-login { padding: 50px 15px 20px;}
.sns-login > h3 {
    
    position: relative;
    width: 100%;
    font-size: 1.1em;
    text-align: center;
    margin: 0 0 20px 0;
    font-weight: 400;
    background: #fff;
    margin: 0 auto 20px;
    font-weight:bold;
}
.sns-login > h3:after {
    position: absolute;
    top: 8px;
    left: 0;
    background: #bbb;
    content: "";
    display: inline-block;
    width: 25%;
    height: 1px;
}

.sns-login > h3:before {
    position: absolute;
    top: 8px;
    right: 0;
    background: #bbb;
    content: "";
    display: inline-block;
    width: 25%;
    height: 1px;
}


.sns-login ul li { 
    position: relative;   
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: 1px solid #ddd;
    margin-bottom:10px;
    
}
.sns-login ul li a {
    
    display: inline-block;
    width: 85%;
    padding-left: 15%;
    background-size: 25px !important;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
   
}
   
.sns-login ul li:before {
    content: "";
    position: absolute;
    left: 40px;
    top: 3px;
    width: 1px;
    height: 80%;
    background: #ddd;
}

.sns-login ul li.naver a {background: url(/design/bodymax/M/ico/ico_naver.png)  7px 7px no-repeat;}   
.sns-login ul li.kakaotalk a {

    background: url(/design/bodymax/M/ico/ico_kakaotalk.png) 8px 7px no-repeat;
    background-size: 25px !important;

}

.sns-login ul li.facebook a {

    background: url(/design/bodymax/M/ico/ico_facebook.png) 9px 9px no-repeat;
    background-size: 22px !important;

}                





#login .login #keyboard {margin-top:20px; padding:0 15px;}
#login .tab {padding:0 15px; margin-top:30px;}
#login .tab a {width:50%; height:44px; border:1px solid #bdbdbd; border-top:1px solid #bdbdbd; border-bottom:1px solid #333; display: inline-block; text-align: center; line-height:40px; box-sizing: border-box; background-color:#fbfbfb; }
#login .tab a.act {color:#333; background-color:#fff; border:1px solid #333;  border-top:1px solid #333; border-bottom:0px none; font-weight:bold;}
#login .login .loginInput {margin-top: 10px;}
#login .nonmember {margin-top:20px; display:none;}
#login .nonmember fieldset {padding:0 15px;}

#inquiryOrder { display:none; }
#inquiryOrder .txt { margin:15px 15px 0; padding:0; }
#inquiryOrder .frm { overflow:hidden; width:200px; margin:35px auto 0; }
#inquiryOrder .frm dt, 
#inquiryOrder .frm dd { float:left; }
#inquiryOrder .frm dt { width:60px; margin-top:5px; line-height:32px; font-weight:bold; letter-spacing:-1px; }
#inquiryOrder .frm dd { width:140px; }
#inquiryOrder .frm input[type=text] { width:100%; height:32px; line-height:32px; margin-top:5px; padding:0 5px; border:1px solid #c6c6c6; background:#fbfbfb; border-radius:0; }
#inquiryOrder .btns { margin:40px 10px 20px; }
#inquiryOrder .btns a { margin-top:10px; }
/* BASIC css end */