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

#img_mo{padding-bottom: 90px;display: block;}
#img_pc{display: none;}


#btn{margin-top: 30px; margin-bottom: 30px; text-align: center;border: 0px solid #FFFFFF;float: center;border-radius: 6px;width: 100%;background: #37649D;height: 64px;font-size: 16px;font-weight:500;color: #fff;cursor:pointer;}

/* 플로팅 버튼 */
/* .btn_f{
  position: fixed;
  background-color: #0055FF;
  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;	} */
  .btn_f{position: fixed;
    background-color: #0055FF;
    font-size: 14pt;
    color: #fff;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 0;
    padding: 24px calc(constant(safe-area-inset-bottom) + 12px);
    padding: 24px calc(env(safe-area-inset-bottom) + 12px);
    padding-bottom: 48px;
    z-index: 999;	}


/* 복사하기 공유버튼 */
.container_btn {padding:10px 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;}


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







/*반응형 대응*/

@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%;}
    .container_btn{padding:2% 6%;}
  
    #img_pc{display: block;}
    #intro_pc img{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;}


    /*플로팅버튼PC - 비활성화 시 가로로 꽉참*/
    /* .btn_f{
      position: fixed;
      background-color: #0055FF;
      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: 960px) {
  .container_pc {margin-left: 24%;margin-right: 24%;}

}

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