/* 210630 로그인 */

body{background: #f5f5f5;}
.blind {display: none;}

.login_wrap {display: flex; justify-content: center; padding-top: 187px;}
.login_wrap .in{width:307px;}
.login_wrap .in .logo{width:100%; text-align: center; margin-bottom: 16px;}

.login_wrap .in .login_input input{width:100%; margin-top: 3px; font-weight: 200; padding-left:13px; font-size: 16px; color:#5c5c5c; border:1px solid #dadada; height:52px; box-sizing: border-box;}
.login_wrap .in .login_input input::placeholder{font-weight: 200; font-size: 16px; color:#dfdfdf;}

.login_wrap .in .mody_btn{font-size: 13px; color:#5c5c5c; font-weight: 200; height:35px; display: flex; justify-content: space-between; align-items: center; }
.login_wrap .in .mody_btn .left input{margin-right:6px;}
.login_wrap .in .mody_btn .right a:first-child{padding-right: 9px;}
.login_wrap .in .mody_btn .right a:last-child{padding-left: 9px; border-left:2px solid #d3d3d3;}
.login_wrap .in .mody_btn > div {display: flex; align-items: center;}

.login_wrap .in .login_btn a{width:100%; display: flex; justify-content: center; align-items: center; background:#e6002d; color:#fff; font-size: 18px; font-weight: 700; height: 50px;}

.login_wrap .in .non_member{margin-top: 30px; border-top:1px solid #b5b5b5;}
.login_wrap .in .non_member .title{cursor: pointer; height:58px; display: flex; justify-content: center; align-items: center; color:#5c5c5c; font-weight: 500; font-size: 15px;}
.login_wrap .in .non_member .phone {margin-bottom:25px;}

.login_wrap .in .phone{display: flex; justify-content: space-between; margin-top:4px;}
.login_wrap .in .phone .left{display: flex;}
.login_wrap .in .phone .left .line{width:14px; display: flex; justify-content: center; align-items: center;}
.login_wrap .in .phone .left .line span{display: block; width:8px; height:1px; background: #b5b5b5;}
.login_wrap .in .phone .left input{padding-left:10px;  width:66px; height:36px; box-sizing: border-box; border:1px solid #dadada;}
.login_wrap .in .phone .left select{padding-left:10px; width:66px; height:36px; box-sizing: border-box; border:1px solid #dadada;}
.login_wrap .in .phone .right a{width: 72px; height: 35px; color:#fff; font-size: 15px; font-weight: 700; background: #666; display: flex; justify-content: center; align-items: center;}

.login_wrap .in .member{padding-bottom: 25px; border-top:1px solid #b5b5b5;}
.login_wrap .in .member .title{cursor: pointer; height:58px; display: flex; justify-content: center; align-items: center; color:#5c5c5c; font-weight: 500; font-size: 15px;}