@font-face {
   font-family: 'Spoqa Han Sans Neo';
   src: url(https://frontend-design-system.socar.kr/fonts/SpoqaHanSansNeoRegular.woff2);
   font-weight:400;
}
@font-face {
   font-family: 'Spoqa Han Sans Neo';
   src: url(https://frontend-design-system.socar.kr/fonts/SpoqaHanSansNeoBold.woff2);
font-weight:700;

}
@font-face {
   font-family: 'Spoqa Han Sans Neo';
   src: url(https://frontend-design-system.socar.kr/fonts/SpoqaHanSansNeoMedium.woff2);
   font-weight:500;
}



body,html,section{ background:#f7f8f9; overflow-x: hidden; margin: 0px;  word-break:keep-all; overflow-wrap:break-word;
font-family:'Spoqa Han Sans Neo',sans-serif; }
img{margin: 0px; display: block;}
html { scroll-behavior: smooth; }

a{text-decoration: none; color:#374553;}

.container_pc {
  padding: 0px;
}




#main {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

#list {
  background-color: #D7EE4B;
  text-align: center;
  padding-top: 50px;
}

#list img {
  display: block;
  margin: auto;
  padding-bottom: 30px;
}

.container1 {width:100%;height: auto;}
.container1 img{display: block;}
.container_notice {padding: 72px 24px; background: #e9ebee;}




.btn{
  position: fixed;
  width: auto;
  color: #fff;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 0;
  
  margin-left: 0.5%;
  margin-right: 0.5%;
  margin-bottom: 3%;
  font-size: 18px;
  padding: 20px calc(constant(safe-area-inset-bottom) + 15px);
  padding: 20px calc(env(safe-area-inset-bottom) + 15px);
  z-index: 999;	
}










                @media (max-width: 576px) {

                }




                @media (min-width: 960px) {
                  .btn {margin-left: 32%; margin-right: 32%;}

                  .btn img{
                    width: 100%;
                    bottom: 3%;
}
                  .container_pc{padding: 0 32%;background-color: #F7F8F9;}
                .container_notice {padding: 60px 24px 120px 24px; background: #e9ebee;}


              }
/* 오버레이 스타일 */
.deactivation-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(74, 86, 103, 0.9);
    z-index: 9999;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;

    font-size: 22px;
    line-height: 1.6;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    padding: 20px;
}