/* BASIC css start */
/* =========================================
   PC 회원 로그인 (FOLDER 톤)
   ========================================= */
#loginWrap{width:440px; margin:0 auto; padding:70px 0 110px; color:#000;}
#loginWrap .tit-page{display:none;}
#loginWrap fieldset{border:none; margin:0; padding:0;}
#loginWrap legend{display:none;}

/* 상단 제목 */
#loginWrap .login_head{text-align:center; margin-bottom:32px;}
#loginWrap .login_head h2{font-size:28px; font-weight:800; letter-spacing:-0.5px; margin:0 0 10px;}
#loginWrap .login_head p{font-size:14px; color:#999; margin:0;}

/* 입력칸 */
#loginWrap .frm-list{display:flex; flex-direction:column; gap:8px; margin:0; padding:0; list-style:none;}
#loginWrap .frm-list li{margin:0; padding:0;}
#loginWrap .frm-list li input{display:block; width:100% !important; height:52px; padding:0 16px; box-sizing:border-box; border:1px solid #ddd; border-radius:8px; background:#fff; font-size:15px; color:#000; outline:none; box-shadow:none; transition:border-color .15s;}
#loginWrap .frm-list li input:focus{border-color:#000;}
#loginWrap .frm-list li input::placeholder{color:#bbb;}

/* 로그인 버튼 */
#loginWrap .btn-mlog{margin-top:16px;}
#loginWrap .btn-mlog .btn_login{display:block; padding:17px 0; background:#000; border-radius:10px; color:#fff !important; text-align:center; font-size:17px; font-weight:700; letter-spacing:-0.3px; transition:background .2s;}
#loginWrap .btn-mlog .btn_login:hover{background:#333;}

/* 보안접속 + 찾기 링크 */
#loginWrap .log_opt{display:flex; justify-content:space-between; align-items:center; margin-top:16px;}
#loginWrap .se-log{display:flex; align-items:center; gap:6px; font-size:13px; color:#555; cursor:pointer;}
#loginWrap .se-log input{width:18px; height:18px; margin:0; accent-color:#000;}
#loginWrap .login_links{display:flex; align-items:center; gap:12px;}
#loginWrap .login_links a{font-size:13px; color:#777;}
#loginWrap .login_links a:hover{color:#000; text-decoration:underline; text-underline-offset:3px;}
#loginWrap .login_links span{width:1px; height:11px; background:#ddd;}

/* SNS 간편 로그인 */
#simpleLogin{margin-top:36px; text-align:center;}
#simpleLogin .sns_tit{position:relative; margin:0 0 16px;}
#simpleLogin .sns_tit:before{content:""; position:absolute; left:0; right:0; top:50%; height:1px; background:#eee;}
#simpleLogin .sns_tit span{position:relative; padding:0 12px; background:#fff; font-size:12px; color:#999;}
#simpleLogin .sns-login{display:flex; flex-direction:column; gap:8px; font-size:0;}
#simpleLogin .sns-login a{position:relative; display:block; width:100%; margin:0; border-radius:10px; overflow:hidden;}
#simpleLogin .sns-login a img{width:100%; display:block;}
#simpleLogin .sns-login span{position:absolute; left:50%; top:-22px; margin-left:-40px;}
#simpleLogin .sns-login span img{width:80px !important;}

/* 회원가입 유도 */
#loginWrap .sign{margin-top:40px;}
#loginWrap .sign .join_benefit{background:#f6f6f6; border-radius:10px; padding:20px 22px; margin-bottom:10px;}
#loginWrap .sign .join_benefit em{display:block; font-style:normal; font-size:11px; font-weight:700; letter-spacing:1px; color:#999; margin-bottom:8px;}
#loginWrap .sign .join_benefit b{display:block; font-size:17px; font-weight:700; line-height:1.4;}
#loginWrap .sign .join_benefit strong{color:#e60012;}
#loginWrap .sign .join_benefit small{display:block; font-size:13px; color:#777; margin-top:4px;}
#loginWrap .sign .btn_join{display:block; padding:16px 0; background:#fff; border:1px solid #000; border-radius:10px; color:#000 !important; text-align:center; font-size:16px; font-weight:700; transition:all .2s;}
#loginWrap .sign .btn_join:hover{background:#000; color:#fff !important;}


/* BASIC css end */