@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");

*{font-family:'Pretendard'}

section{ margin: 0px; word-break:keep-all; overflow-wrap:break-word;}
body,html{overflow-x:hidden; margin: 0px; word-break:keep-all; overflow-wrap:break-word;background-color: #e9ebee;}
p{ margin-block-start:18px; margin-bottom: 24px; padding-bottom: 12px;}
li, ul{margin: 0px;padding-inline-start:0px;}
a{color:#646f7c;text-decoration-line:none;}

h1,h2,b2{font-weight: 700;}
h3,b1,c1{font-weight: 400;}
c2{font-weight: 600;}

h1{font-size:32px; line-height:145%; margin-block-start: 0px;margin-block-end:6px;color:#28323c;}
h2{font-size:20px; line-height:145%;margin-block-start: 0px; margin-block-end:2px; color:#28323c;}
h3{font-size:14px; line-height:150%;text-align: center;}
b1{font-size:16px; line-height:160%;color:#28323c;}
b2{font-size:16px; line-height:150%;color:#28323c;}
b3{font-size:16px; line-height:150%;text-decoration-line: underline;color:#646f7c;}
c1{font-size:12px; line-height:160%; color:#646f7c;}
c2{font-size:14px; line-height:140%; color:#646f7c;}


.container_mo {background:#e9ebee;}
.container_pc{margin: 0px;background-color: #e9ebee;}

.container_mo img {display: block;}
.container_pc img {display: block;}

/* 기기 분기 이미지-MO ✂️ */
#img_mo{display: block;}
#img_pc{display: none;}


/* 유튜브 임베드 ✂️ */
.video-wrap {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-wrap iframe,
.video-wrap object,
.video-wrap embed {position:absolute; top:0; left:0; width:100%; height:100%;}

/* 플로팅 버튼 ✂️ */
.btn_f{
  position: fixed;
  display: flex; 
  align-items: center;
  justify-content: center;
  background-color: #00b8ff;
  font-size: 14pt;
  color: #fff;
  left:0;
  right:0;
  text-align: center;
  bottom: 0;
  border-radius: 8px;
  margin: 14px;
  margin-bottom: 14px;
  padding: 24px calc(constant(safe-area-inset-bottom) + 12px);
  padding: 24px calc(env(safe-area-inset-bottom) + 12px);
  z-index: 999;	}
  


/* 캐러샐 슬라이드 ✂️ */
#slide {background-color: #f7f8f9; padding-top: 60px;
padding-bottom: 80px;}

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

.swiper-pagination-bullet {width: 6px; height: 6px; margin: 2px;background: #8A939E;}
.swiper-pagination-bullet-active{ width: 6px; height: 6px; margin: 2px; background: #00b8ff;}
.swiper-pagination {display: block;  position: relative;  text-align: center;  transition: .3s opacity; transform: translate3d(0,0,0); z-index: 10; padding-top:18px; padding-bottom: 30px;}



/* 유의사항 ✂️ */
#notice{background:#f7f8f9;padding:60px 24px 120px 24px;}
.check-list {padding-inline-start: 18px;padding-top: 12px;}
.check-list li {margin-top: 2px; line-height: 20px; text-align: left; position: relative;}
.check-list ul {list-style-type:disc;}






/*반응형 대응*/

@media (min-width: 640px) {
  html{overflow-x:hidden; }
  
    h1{font-size:28px;}
    h2{font-size:24px;}
    h3{font-size:14px;}
    b1{font-size:18px;}
    b2{font-size:18px;}
    b3{font-size:18px;}
    c1{font-size:16px;}

    .container_pc {margin-left: 12%;margin-right: 12%;}
    
    /* 공유버튼 코드형-PC */
    .container_btn{padding:2% 6% 12% 6%;}
  
    /* 기기 분기 이미지-PC */
    #img_pc{display: block;}
    #img_mo{display: none;}

    #notice{padding-bottom: 180px;padding-top: 100px;padding-left: 6%; padding-right: 6%;}
    #notice p{margin-top:80px;}
    .check-list li {margin-top: 10px;}

}

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

      /*플로팅버튼PC - 비활성화 시 가로로 꽉참*/
      .btn_f{
        position: fixed;
        background-color: #00b8ff;
        color: #fff;
        left: 0;
        right: 0;
        text-align: center;
        bottom: 0;
        border-radius: 8px;
        margin-left: 76%;
        margin-right: 5%;
        margin-bottom: 36px;
        padding: 24px calc(constant(safe-area-inset-bottom) + 0px);
        padding: 24px calc(env(safe-area-inset-bottom) + 0px);
        z-index: 999;	}

}

@media (min-width: 1200px) {
  .container_pc {margin-left: 30%;margin-right: 30%;}

}

@media (min-width: 1440px) {
  .container_pc {margin-left: 34%;margin-right: 34%;}
}

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



/*
Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard.
https://github.com/orioncactus/pretendard

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/