.content_box{clear:both; width:100%; margin:60px auto;}
.member_wrap{width:96%; max-width:580px; margin: 0 auto 20px auto;}
.member_cont{ max-width:580px; margin:0 auto; padding:20px 15px; }	

.member_cont .member_login_box h4 {padding:15px 0 20px; font-size:15px; color:#555; font-weight:500; text-align: center;}

.member_cont .pointTxt {clear:both; position:relative; width:100%; height:1px; margin:30px 0; text-align:center; border-bottom:1px solid #ddd;}
.member_cont .pointTxt span { position:absolute; left:50%; margin-left:-35px; top:-7px; background-color:#fff; width:70px; font-size:13px;}
.member_cont .memberTab {clear:both; width:100%; margin-bottom:30px; }
.member_cont .memberTab:after{clear:both; display:block; content:"";}
.member_cont .memberTab ul li {float:left; width:50%; text-align:center; height:50px; line-height:50px; border-bottom:3px solid #ddd; color:#999; font-weight:700;cursor:pointer;}
.member_cont .memberTab ul li span {display:block; font-size:16px; }
.member_cont .memberTab ul li.on {color:#000; border-bottom:3px solid var(--f-point-color);}
.member_sns_kakao {text-align:left; font-size:0;}
.member_sns_kakao a img {max-height:40px; max-width:100%; vertical-align:middle;}

.memberArea h2 {color:#999; font-size:13px; clear:both; padding:35px 0 20px; font-weight:500;}

.member_cont .btn_center_box,
.member_warning + .btn_center_box{margin:20px 0 0 0;}

/* 로그인 */
.member_cont .member_login_box .login_input_sec > div{clear:both; width:100%;}
.member_cont .member_login_box .login_input_sec input[type="text"],
.member_cont .member_login_box .login_input_sec input[type="password"]{clear:both; width:calc(100% - 5px); padding-left:5px; border:1px solid #dcdcdc; height:50px; line-height:48px; font-size:14px; margin:0 0 5px; border-radius:3px;}
.member_cont .member_login_box .login_input_sec button{clear:both; width:100%; border:1px solid var(--f-point-color); background:var(--f-point-color); color:#fff; height:50px; line-height:48px; border-radius:3px; display:block; margin:10px 0 10px 0; font-size: 16px;font-weight: bold;}
.member_cont .btn_login_box{text-align:center; font-size:0; border:none; margin:0;}
.member_cont .btn_login_box li{float:none; display:inline-block; margin:0; }
.member_cont .btn_login_box li span {font-size:14px; font-weight:500; border:none; background:none; color:#999; padding:0 10px; border-left:1px solid #dcdcdc; cursor:pointer;}
.member_cont .btn_login_box li:first-child span{border:none; }
.member_cont .btn_login_box,.member_cont .nonmember_join_box {margin:25px auto 0;}

.member_cont .member_login_box .id_chk{padding:0 0 15px 0;}

.SnsTit {text-align:center; font-size:24px; font-weight:700; }
.SnssTit {text-align:center; font-size:16px; color:#999; padding:10px 0 30px; }


/* 비회원 주문조회 */
.member_cont .nonmember_order_box {display:none; margin:0;}
.member_cont .nonmember_order_box h2 {color:#999; font-size:13px; clear:both; padding:0 0 20px; font-weight:500;}
.member_cont .nonmember_order_box p{font-size:13px; text-align:left;}
.member_cont .nonmember_order_box .order_input_sec > div{clear:both; width:100%;}
.member_cont .nonmember_order_box .order_input_sec input[type="text"],
.member_cont .nonmember_order_box .order_input_sec input[type="password"]{clear:both; width:calc(100% - 5px); padding-left:5px; border:1px solid #dcdcdc; height:50px; line-height:48px; font-size:14px; margin:0 0 5px; border-radius:3px;}
.member_cont .nonmember_order_box .order_input_sec button{clear:both; width:100%; border:1px solid var(--f-point-color); background:var(--f-point-color); color:#fff; height:50px; line-height:48px; color:#fff; border-radius:3px; display:block; margin:10px 0 10px 0; font-size: 15px;}

@media screen and (max-width:420px){
	.member_cont .btn_login_box {margin:10px auto;}
}

/* sns 로그인 */
.member_sns_login {text-align:left; font-size:0; line-height:0; border-bottom:0px solid #000; padding-bottom:0;}
.member_sns_login:after {clear:both; display:block; content:"";}
.member_sns_login > * {margin:3px 0; background:#fff; }
.member_sns_login a { display:inline-block;  width:calc(100% - 2px); border:1px solid var(--f-point-color); text-align:center; border-radius:3px; padding:12px 0 12px; line-height:23px; font-size:15px; overflow:hidden;}
.member_sns_login a img { display:inline-block; vertical-align:middle;}
.btn_naver_login .imgL {display:inline-block; padding:0 5px 3px 5px; margin:0 5px 0 0; background:#44BA2F; text-align:center; }

.member_sns_kakao .btn_kakao_login{ display:block; background:#FFDF00; position:relative; padding:14px 0; border-radius:5px; text-align:center;}
.member_sns_kakao .btn_kakao_login .imgL {display:inline-block; vertical-align:top; margin:2px 10px 0 0; }
.member_sns_kakao .btn_kakao_login .txtR{display:inline-block; color:#000; font-size:15px; font-weight:600; }

.mTop15 {margin-top:15px;}
.joinTopTxt {clear:both; padding:30px 0; font-size:15px; color:#555; font-weight:500; text-align: center; }
.joinMember{ display:inline-block;  width:calc(100% - 2px); border:1px solid #037158; background-color:#037158; color:#fff; text-align:center; border-radius:3px; padding:12px 0 12px; line-height:23px; font-size:15px; overflow:hidden;}

.member_cont .btn_member_black { width: 100%; margin:0; height: 50px; font-size: 15px; color:#fff; border: 1px solid #037158;  background: #037158; }

.addBanner {clear:both; display:block; padding-top:30px;}

.member_cont .inp_chk{ position: relative; margin-top:5px;}
.member_cont .inp_chk .checkbox {
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
}
.member_cont .inp_chk label {
    display:inline-block;
    height:20px;
    padding:0 0 0 27px;
    background:#fff url('../../../img/etc/check-off.png') no-repeat left top;
}
.member_cont .inp_chk label:hover {
    background:#fff url('../../../img/etc/check-ov.png') no-repeat left top;
}
.member_cont .inp_chk label.on {
    background:#fff url('../../../img/etc/check-on.png') no-repeat left top;
}