@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-family: 'Pretendard', 'Noto Sans KR', sans-serif;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-family: 'Pretendard', 'Noto Sans KR', sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
input, button {font-family: 'Pretendard', 'Noto Sans KR', sans-serif;}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family: 'Pretendard', 'Noto Sans KR', sans-serif;}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

/* 폰트 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* 아이디 찾기 페이지 */
.new_win {
  position: relative;
  margin: 0 auto;
  max-width: 500px;
}

.new_win .new_win_con {
  margin: 200px 0 0;
  padding: 50px;
  border: 1px solid #d3d3d3;
  background: #fff !important;
}

.new_win_con h3 {
  padding-bottom: 30px;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}

.new_win_con .sound_only {display: none;}

#find_info p {
  text-align: center;
}

#find_info #mb_email {
  margin: 50px 0 20px !important;
  border: 1px solid #c1c1c1;
  padding: 15px;
  width: 100%;
}

#find_info #mb_email:focus {
  outline: 1px solid #76a4d6a8;
}

.win_btn {text-align: center;}

.new_win .btn_submit {
  padding: 0 20px;
  height: 45px;
  font-weight: bold;
  font-size: 1.083em;
  background: #000;
  color: #fff;
  border-radius: 3px;
  margin-top: 80px;
}

@media only screen and (max-width: 500px) {
    .new_win .new_win_con {
      border: none;
      padding: 30px;
  }
}

@media only screen and (max-width: 350px) {
  .mbskin {
    width: 320px !important;
}

    #login_fs {
      padding: 15px;
  }
}