/* .logo-img img{width:60%; margin-bottom:50px}

.button-wrap{position:absolute; left:0; bottom:15%; width:100%; padding:0 2%; text-align:center;  }
.button-wrap p{padding:0; margin:.5em}
.button-wrap a{color:#fff}

.join-step-dsp { display:flex; justify-content: space-between !important;}
.join-step-dsp .step-box{width:33%; font-size:.8em; text-align:center; border:1px solid #ccc; border-radius:.5em; margin:.2em}

.join-step-dsp .step-box.fill{ background:#efefef}

.contents { margin-top:2em}
.contents h3.sub-title{ font-size:1.3rem; font-weight:600}

#frm-member-join ul { margin:0; padding:0;}
#frm-member-join ul li { list-style:none; margin-bottom:.5em;}
#frm-member-join ul li .form-label { margin-bottom:.2em; font-size:.8em}*/


body,html{height:100%;}
main{height:auto;}

#find-id-result ul {list-style:none; margin:0; padding:0;}
#find-id-result ul li{color:var(--bs-primary); font-weight:bold}




/* .button-wrap{position:absolute; left:0; bottom:15%; width:100%; text-align:center; background:#fff; } */

.button-wrap p{padding:0; margin:.5em}
.button-wrap a{color:#fff} 

.join-step-dsp { display:flex; justify-content: space-between !important;}
.join-step-dsp .step-box{position: relative; width:33%; font-size:14px; font-weight:500; text-align:center; padding-left:25px; margin:0; color:var(--N60)}
.join-step-dsp .step-box:after{content:'\e5e1'; position:absolute;margin-top:0; margin-left:15px; color:var(--N60)}
.join-step-dsp .step-box:first-of-type{padding-left:0 !important;}
.join-step-dsp .step-box:last-of-type{}
.join-step-dsp .step-box:last-of-type:after{display:none;}
.join-step-dsp .step-box.fill:after{ color:var(--bs-primary);}
.join-step-dsp .step-box.fill{ color:var(--bs-primary);}

.contents { margin-top:2em}

#frm-member-join ul { margin:0; padding:0;}
#frm-member-join ul li { list-style:none; margin-bottom:.5em;}
#frm-member-join ul li .form-label { margin-bottom:.2em; font-size:.8em}


.app-terms { font-size:12px; height:200px; overflow-y:scroll}
.app-terms h4 { text-align: center; }
.app-terms ul { list-style: disc; margin-left: 40px; }
.app-terms .rule-title { font-size: 1em; font-weight: bold; margin-bottom: 10px; }

body.app.hello header .logo img{ height:20px; margin-bottom:5px}
body.app.hello main.welcom .logo-img{ width:65%}