body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none}
input,select,textarea,button{vertical-align:middle;font-size:100%}
button{border:0 none;border-radius:0;background-color:transparent;cursor:pointer}
table{border-collapse:collapse;border-spacing:0}
body{-webkit-text-size-adjust:none}
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='tel'],input[type='email'],html input[type='button'],input[type='reset'] {-webkit-appearance:none;border-radius:0}
input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none}
input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0)}


body {
  color: #fff;
  background: #6e6eff;
  background: linear-gradient(to bottom, #6e6eff, #5b5be8);
  font-family: "Pretendard Variable", Pretendard, -apple-system,
    BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI",
    "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}
html,body{width:100%; height:100%; min-width:320px;}
a{color:#212121;text-decoration:none; cursor: pointer;}
a:active, a:hover{text-decoration:none}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
img{width:100%; height:auto;vertical-align: middle;}
*{box-sizing: border-box;}
.container{width:100%}
.header {
  margin: 32px 24px;
}
.info_box{
    margin-top: 2rem;
    display: inline-block;
    padding: 3rem 1rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    width:85%;
    max-width: 400px;
}
.text{
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.875rem; /* 150% */
  letter-spacing: -0.0125rem;
}

.header svg {
  width: 2rem;
  height: 2rem;
}
.title_logo div{font-size:3rem; font-weight: 700;}
.title_logo img {
  width: 16rem;
}
.title_logo {
  margin-bottom: 1rem;
}
.container {
  text-align: center;
}
.btn_question {
  width: 17rem;
  height: 3.7rem;
  border-radius: 36px;
  background: #fdfdfd;
  display: inline-block;
  margin-top: 40px;
  border: 0;
  color: #202020;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 3.7rem; /* 150% */
  letter-spacing: -0.2px;
  box-shadow: 
    0 2px 8px rgba(0, 0, 0, 0.1), /* 일반적인 아래쪽 그림자 (약하게) */
    0 0 10px 2px rgba(255, 255, 255, 0.5) inset, /* 흰색 발광 효과 (안쪽, 더 은은하게) */
    0 0 15px 3px rgba(255, 255, 255, 0.3); /* 흰색 발광 효과 (바깥쪽, 더 은은하게) */

  /* (3) 마우스 호버(Hover) 시 효과 */
  transition: all 0.3s ease;

}
.btn_question:hover {
  box-shadow: 
    0 4px 12px rgba(0, 0, 0, 0.15), /* 호버 시 그림자 살짝 강조 */
    0 0 15px 3px rgba(255, 255, 255, 0.6) inset,
    0 0 20px 4px rgba(255, 255, 255, 0.4);
}