/* BASIC css start */
/* ========================================================================== 
   mer_N PC - ID / password recovery
   Apply to: 중앙 디자인 > 회원관련 > 아이디/패스워드 찾기 > CSS
   Existing MakeShop HTML and JavaScript are preserved.
   ========================================================================== */
#findWrap{box-sizing:border-box;width:100%;max-width:1240px;margin:0 auto;padding:78px 24px 120px;color:#302d2a}
#findWrap *,#findWrap *::before,#findWrap *::after{box-sizing:border-box}
#findWrap>form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #302d2a;border-bottom:1px solid #ddd8d2}
#findWrap .find_idpw{float:none!important;width:auto!important;min-width:0;margin:0!important;padding:52px 64px 58px!important;text-align:left}
#findWrap #find_id{border-right:1px solid #e4dfd9}
#findWrap .find_idpw .tit{margin:0;color:#272522;font:400 27px/1.4 Georgia,"Noto Serif KR",serif;letter-spacing:-.4px}
#findWrap .find_idpw .tit::before{display:block;margin-bottom:10px;color:#95887c;font:10px/1.2 Arial,sans-serif;letter-spacing:1.9px}
#findWrap #find_id .tit::before{content:"FIND ID"}
#findWrap #find_pw .tit::before{content:"RESET PASSWORD"}
#findWrap .sub-tit{min-height:68px;margin:14px 0 0;color:#77716b;font-size:12px;line-height:1.75;word-break:keep-all}
#findWrap .radio-wrap{display:flex;flex-wrap:wrap;gap:10px 22px;margin:26px 0 21px;padding:15px 0;border-top:1px solid #ece8e3;border-bottom:1px solid #ece8e3;color:#5e5853;font-size:12px}
#findWrap .radio-wrap label{display:inline-flex;min-height:26px;align-items:center;gap:7px;cursor:pointer}
#findWrap .radio-wrap input[type=radio]{width:15px;height:15px;margin:0;accent-color:#302d2a}
#findWrap .find-info{float:none!important;width:100%!important;margin:0!important;padding:0!important}
#findWrap .frm-list{margin:0;padding:0;list-style:none}
#findWrap .frm-list li{display:grid!important;grid-template-columns:112px minmax(0,1fr);align-items:center;min-height:54px;margin:0!important;padding:0!important;border-bottom:1px solid #eeeae5}
#findWrap .frm-list li>label{width:auto!important;margin:0!important;color:#6f6760;font-size:10px;font-weight:500;letter-spacing:1.2px}
#findWrap .frm-list .MS_input_txt{display:block;width:100%!important;height:42px!important;margin:0!important;padding:0 12px!important;border:1px solid #d8d2cc!important;border-radius:0!important;background:#fff!important;color:#272522!important;font-size:13px!important;line-height:42px!important;outline:0}
#findWrap .frm-list .MS_input_txt:focus{border-color:#514b45!important;box-shadow:0 0 0 1px #514b45}
#findWrap .btn-area{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%!important;margin:28px 0 0!important;padding:0!important}
#findWrap .btn-area a{display:flex!important;float:none!important;width:100%!important;height:auto!important;min-height:48px;align-items:center;justify-content:center;margin:0!important;padding:0 12px!important;border:1px solid #302d2a!important;border-radius:0!important;background:#fff!important;color:#302d2a!important;font-size:12px!important;font-weight:500;line-height:1.4!important;text-decoration:none!important}
#findWrap .btn-area .CSSbuttonBlack{background:#302d2a!important;color:#fff!important}
#findWrap .btn-area a:hover{background:#f7f5f2!important}
#findWrap .btn-area .CSSbuttonBlack:hover{background:#171513!important}
#findWrap .btn-area a:focus-visible,#findWrap input:focus-visible{outline:1px solid #302d2a;outline-offset:3px}
#findWrap iframe,#findWrap #passimg{max-width:100%}
@media(max-width:980px){#findWrap .find_idpw{padding-right:38px!important;padding-left:38px!important}}

/* BASIC css end */