@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;
  background-color: #00b8ff;
  font-size: 14pt;
  color: #fff;
  left:0;
  right:0;
  text-align: center;
  bottom: 0;
  border-radius: 8px;
  margin: 12px;
  margin-bottom: 16px;
  padding: 24px calc(constant(safe-area-inset-bottom) + 12px);
  padding: 24px calc(env(safe-area-inset-bottom) + 12px);
  z-index: 999;	}
  

 /* 공유버튼 코드형-MO ✂️ */
.container_btn {padding:12px 24px 60px 24px;}
.copybtn
{background-color: #fff;border-radius: 4px;box-shadow: 0 0 5px #00000020;
padding: 28px; text-align: left;display: flex;justify-content: space-between;}
.copybtn_img {justify-content:center;padding: 5px 3px 3px 3px; align-items: center;}
.copybtn_img img {margin:auto 0; align-items: center;}


/* 캐러샐 슬라이드 ✂️ */
#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%;}
}



/*
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
*/