/* BASIC css start */
/* ========================================================================== 
   mer_N mobile - ID / password recovery
   Apply to: 모바일 디자인 > 회원관련 > 아이디/패스워드 찾기 > CSS
   Existing MakeShop HTML, form and JavaScript are preserved.
   ========================================================================== */
#container{width:100%;margin:0;padding:0}
#findIdpw{box-sizing:border-box;width:min(100%,520px);margin:0 auto;padding:48px 18px 80px;color:#302d2a;font-family:Arial,"Noto Sans KR",sans-serif}
#findIdpw *,#findIdpw *::before,#findIdpw *::after{box-sizing:border-box}
#findIdpw a{color:inherit;text-decoration:none}
#findIdpw form{width:100%;margin:0;padding:0}
#findIdpw .h_title{margin:0;padding:0;border:0;text-align:center}
#findIdpw .h_title::before{display:block;margin-bottom:10px;color:#988b80;font-size:10px;line-height:1;letter-spacing:2.2px}
#findIdpw .h_title:first-of-type::before{content:"FIND ID"}
#findIdpw .member+.h_title::before{content:"RESET PASSWORD"}
#findIdpw .h_title h3{margin:0;color:#272522;font:400 27px/1.4 Georgia,"Noto Serif KR",serif;letter-spacing:-.4px}
#findIdpw .member{width:100%;margin:30px 0 52px;padding:28px 0 0;border-top:1px solid #302d2a}
#findIdpw .member:last-child{margin-bottom:0}
#findIdpw .member>p{margin:0 0 18px;color:#77706a;font-size:12px;line-height:1.65;text-align:center;word-break:keep-all}
#findIdpw .radio-wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;width:100%;margin:0 0 18px;border:1px solid #d9d3cd}
#findIdpw .radio-wrap label{display:flex;min-height:44px;align-items:center;justify-content:center;gap:7px;color:#625c56;font-size:12px;cursor:pointer}
#findIdpw .radio-wrap label+label{border-left:1px solid #e4dfd9}
#findIdpw .radio-wrap input[type=radio]{width:15px;height:15px;margin:0;accent-color:#302d2a}
#findIdpw .loginInput{display:grid;gap:10px;width:100%;margin:0;padding:0}
#findIdpw .loginInput>div{width:100%;margin:0;padding:0}
#findIdpw .loginInput .MS_input_txt{display:block;width:100%!important;height:50px!important;margin:0!important;padding:0 15px!important;border:1px solid #d8d2cc!important;border-radius:0!important;background:#fff!important;color:#272522!important;font-size:16px!important;line-height:50px!important;appearance:none;outline:0}
#findIdpw .loginInput .MS_input_txt:focus{border-color:#514b45!important;box-shadow:0 0 0 1px #514b45}
#findIdpw .loginMiddle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;margin:20px 0 0;padding:0}
#findIdpw .loginMiddle a{display:flex!important;width:100%!important;min-height:50px;align-items:center;justify-content:center;margin:0!important;padding:0 8px!important;border:1px solid #302d2a!important;border-radius:0!important;font-size:12px!important;font-weight:500;line-height:1.4!important}
#findIdpw .loginMiddle .btn_Red{background:#302d2a!important;color:#fff!important}
#findIdpw .loginMiddle .btn_White{background:#fff!important;color:#302d2a!important}
#findIdpw .loginMiddle a:focus-visible,#findIdpw input:focus-visible{outline:1px solid #302d2a;outline-offset:3px}
#findIdpw iframe,#findIdpw #passimg{max-width:100%}
@media(max-width:359px){#findIdpw{padding-right:14px;padding-left:14px}#findIdpw .loginMiddle{grid-template-columns:1fr}#findIdpw .loginMiddle a{min-height:46px}}

/* Supplied Little_Makeshop HTML integration */
.mer_n-mobile-lostpass-page,.mer_n-mobile-lostpass-page *{box-sizing:border-box}
.mer_n-mobile-lostpass-page{background:#fff;color:#302d2a}
.mer_n-mobile-lostpass-page #findIdpw .h_title .eyebrow{margin:0 0 10px;color:#988b80;font-size:10px;line-height:1;letter-spacing:2.2px}
.mer_n-mobile-lostpass-page #findIdpw .h_title .desc{display:block;margin-top:11px;color:#817970;font-size:12px;line-height:1.6}
.mer_n-mobile-lostpass-page #findIdpw .password-title{margin-top:54px}
.mer_n-mobile-lostpass-page #findIdpw .h_title:before{display:none!important;content:none!important}
.mer_n-mobile-lostpass-page #findIdpw .member{margin-bottom:0}
.mer_n-mobile-lostpass-page #findIdpw .radio-wrap{grid-template-columns:repeat(auto-fit,minmax(94px,1fr))}
.mer_n-mobile-lostpass-page #findIdpw .radio-wrap label{padding:8px 5px;border-left:1px solid #e4dfd9}
.mer_n-mobile-lostpass-page #findIdpw .radio-wrap label:first-child{border-left:0}
.mer_n-mobile-lostpass-page #findIdpw .loginInput>input,
.mer_n-mobile-lostpass-page #findIdpw .loginInput>div input{display:block;width:100%!important;height:50px!important;margin:0!important;padding:0 15px!important;border:1px solid #d8d2cc!important;border-radius:0!important;background:#fff!important;color:#272522!important;font-size:16px!important;line-height:50px!important;appearance:none;outline:0}
.mer_n-mobile-lostpass-page #findIdpw .loginInput>input:focus,
.mer_n-mobile-lostpass-page #findIdpw .loginInput>div input:focus{border-color:#514b45!important;box-shadow:0 0 0 1px #514b45}
.mer_n-mobile-lostpass-page #findIdpw .loginBottom{margin-top:22px;padding:22px 16px;border:1px solid #e2ddd7;background:#faf9f7;text-align:center}
.mer_n-mobile-lostpass-page #findIdpw .loginBottom .auth-desc{margin:0;color:#716a64;font-size:12px;line-height:1.7;word-break:keep-all}
.mer_n-mobile-lostpass-page #findIdpw .auth-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;margin-top:18px}
.mer_n-mobile-lostpass-page #findIdpw .btn_auth{display:flex;min-height:84px;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px 6px;border:1px solid #d8d2cc;background:#fff;color:#514b45;font-size:11px;line-height:1.4}
.mer_n-mobile-lostpass-page #findIdpw .btn_auth img{display:block;width:auto;max-width:30px;height:auto;max-height:30px;margin:0 auto}
.mer_n-mobile-lostpass-page #findIdpw .auth-login{display:flex!important;min-height:48px;align-items:center;justify-content:center;margin-top:9px!important;border:1px solid #302d2a!important;background:#302d2a!important;color:#fff!important;font-size:12px!important;font-weight:500}
@media(max-width:359px){.mer_n-mobile-lostpass-page #findIdpw .radio-wrap{grid-template-columns:1fr}.mer_n-mobile-lostpass-page #findIdpw .radio-wrap label{border-top:1px solid #e4dfd9;border-left:0}.mer_n-mobile-lostpass-page #findIdpw .radio-wrap label:first-child{border-top:0}.mer_n-mobile-lostpass-page #findIdpw .loginBottom{padding-right:12px;padding-left:12px}}


/* BASIC css end */