/* BASIC css start */
#loginWrap .{ margin:0 auto; }
#loginWrap .loginFrm .loginTit { padding: 30px 30px ; }
#loginWrap .loginFrm .loginBox { margin:0 auto; width:900px; height:350px; background: url(//img.cultwo-flower.com/web/mem/login_bg.jpg) no-repeat 0 0; }
#loginWrap .loginFrm .loginInfo { position:relative; left:450px; top:40px; }

#loginWrap .loginFrm .loginInfo .mlog .frm-list li label { display:none; }
#loginWrap .loginFrm .loginInfo .mlog .frm-list li input { font-size:14px; width:155px; border:1px solid #FFF; }
#loginWrap .loginFrm .loginInfo .btn-mlog { position: absolute; left: 230px; top: 99px; }

#loginWrap .TxtM { color: #333333; font-size: 24px; font-weight: bold; padding-top: 50px; padding-bottom: 30px; text-align: center; line-height:30px;}
#loginWrap .login-form { margin:0 auto; width: 460px;}
#loginWrap .login-form label{ display:none; }
#loginWrap .login-form .id { width: 460px; height: 50px; color: #000; background-color: #FFF; border: 1px solid #DDD; line-height: 45px; margin-bottom: 10px;}
#loginWrap .login-form .pwd { width: 460px; height: 50px; color: #000; background-color: #FFF; border: 1px solid #DDD; line-height: 45px; margin-bottom: 10px;}
#loginWrap .login-form .se-log { padding-top: 20px; padding-bottom: 30px;}
#loginWrap .login-form  div input { padding-left: 20px; font-size:15px; width:420px; height: 30px; border:1px solid #fff; line-height: 29px;}

/* sign */
#loginWrap .loginFrm .loginInfo .sign {  }
#loginWrap .loginFrm .loginInfo .sign .msg li { float:left; padding:0 10px; border-left:1px solid #CCC;}
#loginWrap .loginFrm .loginInfo .sign .msg li label { display:none; }
#loginWrap .loginFrm .loginInfo .sign .msg li.f { border:0px; padding-left:0px; }

#loginWrap .loc-navi { margin-top: 40px; padding-bottom: 5px; border-bottom: 1px solid #e5e5e5; }
#loginWrap .page-body { margin-top: 0; margin-left: auto; margin-right: auto; }
#loginWrap .mlog-sign { margin:0 auto; width: 460px;}
#loginWrap .mlog-sign .mlog,
#loginWrap .mlog-sign .sign { float: left; letter-spacing: -1px; }

/* member login */
#loginWrap .mlog-sign .frm-list { position: absolute; left: 60px; top: 80px; width: 300px; }
#loginWrap .mlog-sign .frm-list li,
#loginWrap .mlog-sign .frm-list li label,
#loginWrap .mlog-sign .frm-list li .txt-frm { float: left; }
#loginWrap .mlog-sign .frm-list li { width: 100%; margin-bottom: 5px; font-weight: bold; text-align: right; }
#loginWrap .mlog-sign .frm-list li label { width: 60px; padding-top: 4px; margin-right: 10px; }
#loginWrap .mlog-sign .frm-list li .txt-frm { width: 220px; height: 19px; padding: 2px 0 0 2px; border: 0; background-color: #eaeaea; }
#loginWrap .mlog-sign .btn-mlog { position: absolute; left: 365px; top: 78px; }

/* sign */
#loginWrap .sign { margin:0 auto; width: 460px; padding-top: 20px; text-align: center; border-top: 1px solid #ddd;}
#loginWrap .sign  .gap { font-size: 12px; color: #CCC;}

/* simpleLogin - SNS 버튼만 */
#simpleLogin { --cwf-font:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif; position:relative; max-width:460px; margin:24px auto 40px; padding:0 20px; }
#simpleLogin *, #simpleLogin *::before, #simpleLogin *::after { box-sizing:border-box; }
#simpleLogin .cwf-sns__list { display:flex; flex-wrap:nowrap; gap:8px; }
#simpleLogin a.cwf-sns__btn { display:flex; flex:1 1 0; min-width:0; align-items:center; justify-content:center; gap:6px; height:48px; padding:0 6px; border-radius:6px; font-family:var(--cwf-font); font-size:13px; font-weight:700; letter-spacing:-.04em; white-space:nowrap; text-decoration:none; transition:filter .16s ease, transform .16s ease; }
#simpleLogin a.cwf-sns__btn:hover { filter:brightness(.93); transform:translateY(-2px); }
#simpleLogin a.cwf-sns__btn:focus-visible { outline:2px solid #ff0038; outline-offset:3px; }
#simpleLogin .cwf-sns__ico { flex:none; width:19px; height:19px; background-position:center; background-repeat:no-repeat; background-size:contain; }
#simpleLogin a.cwf-sns__btn--naver { background:#03c75a; color:#ffffff !important; }
#simpleLogin a.cwf-sns__btn--kakao { background:#fee500; color:rgba(0,0,0,.85) !important; }
#simpleLogin a.cwf-sns__btn--facebook { background:#0866ff; color:#ffffff !important; }
#simpleLogin a.cwf-sns__btn--apple { background:#000000; color:#ffffff !important; }
#simpleLogin .cwf-sns__btn--naver .cwf-sns__ico { background-image:url("https://img.cultwo-flower.com/web/img/sns/naver.svg"); }
#simpleLogin .cwf-sns__btn--kakao .cwf-sns__ico { background-image:url("https://img.cultwo-flower.com/web/img/sns/kakao.svg"); }
#simpleLogin .cwf-sns__btn--facebook .cwf-sns__ico { background-image:url("https://img.cultwo-flower.com/web/img/sns/facebook.svg"); }
#simpleLogin .cwf-sns__btn--apple .cwf-sns__ico { background-image:url("https://img.cultwo-flower.com/web/img/sns/apple.svg"); }
@media (max-width:767px) { #simpleLogin { margin:20px auto 32px; padding:0 16px; } #simpleLogin .cwf-sns__list { gap:6px; } #simpleLogin a.cwf-sns__btn { gap:4px; height:44px; padding:0 4px; font-size:12px; letter-spacing:-.05em; } #simpleLogin .cwf-sns__ico { width:17px; height:17px; } }

.btn.login,.btn.login * {width: 460px; height:60px;line-height:60px;}
.btn.login * {background:#ff0038; color:#FFF; font-size:20px; font-weight: bold; border:1px solid #ff0038; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;}


/* 1) 입력 상자 모서리. 테두리를 감싸는 것은 바깥 div 입니다 */
#loginWrap .login-form .id, 
#loginWrap .login-form .pwd { border-radius: 6px; }

/* 2) 안의 input 도 모서리를 맞춰 배경이 모서리 밖으로 나오지 않게 합니다 */
#loginWrap .login-form div input { border-radius: 6px; }

/* 3) 포커스 시 바깥 상자 테두리를 빨강으로 바꿉니다 */
#loginWrap .login-form .id:focus-within, 
#loginWrap .login-form .pwd:focus-within { border-color: #ff0038; }

/* 4) input 자체의 포커스 테두리는 없앱니다 */
#loginWrap .login-form div input:focus { outline: none; }
/* BASIC css end */