@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; }

p{ margin-block-end: 0px; margin-block-start: 0px; margin-right: 0px;}
h1{color:#fff;}
h1{font-weight: 700;}
b1{font-weight: 400;}
li, ul{text-decoration: none; list-style-type:none; margin: 0px;padding-inline-start:0px;}
a{text-decoration: none; color:#374553;}

 h1{font-size:45px; line-height:58px; margin-block-end:12px; margin-block-start: 0px;}
 b1{font-size:20px;line-height:160%;}
 c1{font-size:14px;line-height:180%;color: #646f7c;}



 .container_pc{padding: 0px;}

.bg img{
  position:fixed;
  left: 80%;
  /* left: 78%; */
  bottom: 3%;
  padding: 24px calc(constant(safe-area-inset-bottom) + 15px);
padding: 24px calc(env(safe-area-inset-bottom) + 15px);
z-index: 999;	}

 .check-list {padding-inline-start: 10px;padding-top: 16px;color:#646f7c;}
 .check-list li {list-style-type: disc; margin-top: 2px; line-height: 180%; text-align: left; position: relative;}
 ::marker{font-size:6px;}




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

    #notice {padding: 0;}




.movie{padding: 0px;}
.container1 {width:100%;height: auto;}
.container2 {width:100%;height: auto;padding-left: 24px;}
.container_notice {padding: 60px 24px; background: #fff;}


.swiper-container { width: 100%; height: auto; z-index: 98;}
.swiper-container { width: 100%; height: 100%;}
.swiper-wrapper{width: 100%; height: auto;  margin: 0px;}
.swiper-slide {width: 100%; text-align:left; display:flex; justify-content:center; }

.sw_txt {padding: 24px;width:100%; color: #28323c; text-align:left;  padding-bottom: 20px;}

.swiper-pagination1 {display: block;   position: relative;  text-align: center;  transition: .3s opacity; transform: translate3d(0,0,0); z-index: 10;}
.swiper-pagination2 {display: block;   position: relative;  text-align: center;  transition: .3s opacity; transform: translate3d(0,0,0); z-index: 10;}
:root {--swiper-theme-color: #28323c;}
.swiper-pagination-bullet {width: 6px; height: 6px;margin: 2px;}












                @media (max-width: 576px) {

                }




                @media (min-width: 960px) {

                  .bg img{width: 5%;
                    left:61%;
                    bottom: 3%;
}
                  .container_pc{padding: 0 32%;}
                .container_notice {padding: 60px 24px; background: #fff;}


              }

 /* 오버레이 스타일 */
.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;
}