#memberLogin .sec .line { margin:20px 0; border-bottom: 1px solid #ddd; }

#memberLogin #directFrm .frm > div {width:100%; border:1px solid #ddd; border-radius: 4px;}
#memberLogin #directFrm .frm > div > input { width:100%; border:none; box-shadow:none; padding:14px 16px; }
#memberLogin #directFrm .frm > div > input::placeholder {padding-left: 22px; font-size: 1em; color: #ccc; transform: translateY(0); transition: all 0.2s ease-in-out; opacity: 1;}
#memberLogin #directFrm .frm > div > input:focus::placeholder {padding-left: 0; font-size: 1em; font-weight: 50; color: transparent; transform: translateY(-16px); opacity: 0;}
#memberLogin #directFrm .frm > div > input:focus, #memberLogin #directFrm .frm > div > input:valid, #memberLogin #directFrm .frm > div > input.on {background: none;}
#memberLogin #directFrm .frm .id {margin-bottom: 8px;}
#memberLogin #directFrm .frm .id input {background: url("/images/id.png") no-repeat 15px center / 17px;}
#memberLogin #directFrm .frm .pw input{background: url("/images/pw.png") no-repeat 15px center / 18px;}

#memberLogin .checkbox-style [type="checkbox"]:checked + label::after {padding-left: 4px;}

#memberLogin #directFrm .link {margin:10px 0 30px; font-size:1em;}
#memberLogin #directFrm .link #saveId {margin:0; cursor:pointer;}
#memberLogin #directFrm .link #saveId+label {padding-left: 30px; cursor:pointer;}

#memberLogin #easyFrm ul li { width:100%; height:50px; line-height:50px; }
#memberLogin #easyFrm ul li a { display:block; width:100%; height:100%; text-align:center; }
#memberLogin #easyFrm ul li:not(:first-child) { margin-top: 10px; }

#memberLogin .search-id {text-align: center;}
#memberLogin .search-id span, .search-id span a {display: inline-block; color: #979797; padding: 0 3px;  font-size:1em;}

#memberLogin .snsLogin > div {position:relative; margin: 50px auto 30px;}
#memberLogin .snsLogin > div div {position: relative; font-size: 1em; color: #ccc; text-align: center; z-index: 2;}
#memberLogin .snsLogin > div span {display: block; width: 100px; height: 30px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; z-index: 1;}
#memberLogin .snsLogin > div:after {content: "";	position: absolute;	left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 1px; background: #ddd;}
#memberLogin .snsLogin ul {display: flex; justify-content: center; align-items: center;}
#memberLogin .snsLogin li {margin: 0 6px; cursor: pointer;}