@charset "euc-kr";
/*ÆùÆ®-ÆäÀÌÆÛ·ÎÁö ¼³Á¤*/
@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}
/*ÆùÆ® ¼³Á¤ ³¡*/


*{box-sizing: border-box;}

    /*±âÁ¸ school.css ÆÄÀÏ¿¡ ÀÖ´ø ¼³Á¤°ª*/
        body{
            overflow-x: hidden; /*°¡·Î ½ºÅ©·Ñ ¾ø¾Ö±â*/
            -webkit-user-select:none; /*ios/¸ð¹ÙÀÏ »çÆĸ® µî¿¡¼­ ÅؽºÆ® µå·¡±× ±ÝÁö*/
            -webkit-text-size-adjust:none; /*¾ÆÀÌÆù,»çÆÄÀÌ¿¡¼­ ÀÚµ¿ ÆùÆ® Å©±â È®´ë ¹æÁö*/
            text-align: center; /*Áß¾ÓÁ¤·Ä*/
        }
        
        /*¸¶ÁøÆеù¼³Á¤*/
        body,div,dl,dt, dd,ul,ol, li, h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td,legend,button {
            margin: 0;
            padding: 0;
            -webkit-text-size-adjust: none;
        }
        
        /*»çÆĸ® ȸÁ¤½Ã ÆùÆ® Å©±â°íÁ¤*/
        form,fieldset,img {
            border: 0
                margin: 0;
            display: block;
        }        
    /*±âÁ¸ ¼³Á¤ ³¡*/



/*2¹ø° ¿µ¿ª µðÀÚÀÎ*/

/* ±âÁØ ·¡ÆÛ */
.bg-wrap {
  position: relative;
  width: 100%;
}

/* ¹è°æ À̹ÌÁö */
.bg {
  width: 100%;
  display: block;
}

/* ¹è°æ Á¦¿Ü ÀüºÎ absolute */
.bg-wrap img:not(.bg),
.bg-wrap a {
  position: absolute;
}

/* ´ëÇб³ GIF */
.mo1 {
  top: 11%;
  left: 18%;
}

.mo2 {
  top: 13%;
  right: 16%;
}

/* ¾à·Â ŸÀÌƲ */
.title {
  top: 24%;
  left: 50%;
  transform: translateX(-50%);
}

/* ¹öÆ° */
/* ¶°ÀÖ´Â ¾Ö´Ï¸ÞÀÌ¼Ç */
@keyframes floatUpDown {
  0% {
    transform: translate(-50%, 0);
  }
  50% {
    transform: translate(-50%, -10px);
  }
  100% {
    transform: translate(-50%, 0);
  }
}

.btn_02 {
  position: absolute;
  top: 20.8%;
  left: 75%;                 /* ? right ´ë½Å left */
  transform: translateX(-50%);
  z-index: 10;
  animation: floatUpDown 2.2s ease-in-out infinite;
}


/* ÇÏ´Ü Á¤º¸ ¿µ¿ª */
.info_02 {
  position: absolute;
  top: 26.5%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 38px;
}

/* info_02 ¾ÈÀÇ À̹ÌÁöµéÀº absolute ÇØÁ¦ */
.info_02 img {
  position: static !important;
}


/* ±âº» ¿©¹é Á¦°Å (Ãßõ) */
.con-02,
.bg-wrap {
  margin: 0;
  padding: 0;
}

img {
  display: block;
}


/* ÇÏ´Ü ¹öÆ° ±×·ì */
.btn-group {
  display: flex;
  gap: 16px;
  justify-content: center;
}

.consultation{
    margin-bottom: 120px;
}

/* °øÅë ¹öÆ° */
.btn {
  width: 430px;        /* ? °¡·Î °íÁ¤ */
  height: 75px;       /* ? ¼¼·Î °íÁ¤ */
  padding: 0 32px;
  border-radius: 14px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  text-decoration: none;
  box-sizing: border-box;
}

/* ¾ÆÀÌÄÜ */
.btn .icon {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}

/* ÁöÁ¡ Ä«Åå */
.btn.kakao {
  background: #FFEB3B;
  color: #111;
}

/* ÁöÁ¡ ÀüÈ­ */
.btn.phone {
  background: #0B4F9F;
  color: #fff;
}

/* Áø·á ¿¹¾à */
.btn.reserve {
  background: #fff;
  border: 2px solid #d9d9d9;
  color: #111;
}

.text{
    font-weight: 700;
    font-size: 15pt;
    color: #323232;
}

.btn-group .btn:nth-child(2) .text{
    color: #ffd320;
}



@media(max-width:1600px){
    .c_img img{
        width: 100%;
    }
    /* ´ëÇб³ GIF */
.mo1 {
  top: 11%;
  left: 18%;
    width: 20%;
}

.mo2 {
  top: 13%;
  right: 16%;
    width: 20%;
}
    
    /* ¾à·Â ŸÀÌƲ */
.title {
  top: 24%;
  left: 50%;
  transform: translateX(-50%);
    width: 50%;
}


/* ÇÏ´Ü Á¤º¸ ¿µ¿ª */
.info_02 {
  position: absolute;
  top: 27.5%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
 justify-content: center;   /* ? ÇÙ½É */
}

/* info_02 ¾ÈÀÇ À̹ÌÁöµéÀº absolute ÇØÁ¦ */
.info_02 img {
    width: auto;               /* ¶Ç´Â »èÁ¦ */
  max-width: 80%;            /* ? ¾ÈÀüÇÏ°Ô ÁÙÀ̱â */
}
    .btn-group{
        width: 92%;
        margin: 0 auto; /*Áß¾ÓÁ¤·Ä*/
    }
    .btn {
padding: 3px 20px;
}

.consultation{
    margin-bottom: 80px;
}


}

@media(max-width:1200px){
    .btn_02 {
    top: 22%;
    left: 83%;
    transform: translateX(-50%);
    width: 120px;        /* ? ÇÙ½É */
  }

  .btn_02 img {
    width: 100%;         /* ºÎ¸ð¿¡ ¸ÂÃã */
    height: auto;
  } 
}


@media(max-width:800px){
    .consultation {
  width: 100%;
}
    .c_img{
    overflow: hidden;}
    
    .c_img img{
        width: 120%;
        margin-left: -10%;

    }
    
  .btn_02 {
    top: 22%;
    left: 83%;
    transform: translateX(-50%);
    width: 70px;        /* ? ÇÙ½É */
  }

  .btn_02 img {
    width: 100%;         /* ºÎ¸ð¿¡ ¸ÂÃã */
    height: auto;
  }
/* ¹öÆ° ±×·ìÀ» ¼¼·Î Á¤·Ä */
.btn-group {
  width: 90%;
  margin: 0 auto;              /* °¡¿îµ¥ Á¤·Ä */
  display: flex;               /* ? Çʼö */
  flex-direction: column;      /* ? ¼¼·Î Á¤·Ä */
  gap: 12px;                   /* ¹öÆ° »çÀÌ °£°Ý */
}

/* ¹öÆ° */
.btn {
  width: 100%;
  height: 40px;
      border-radius: 8px;
}
    .consultation{
    margin-bottom: 30px;
}
    .text{
    font-weight: 700;
    font-size: 13pt;
}
}

@media(max-width:600px){
      .btn_02 {
    top: 22%;
    left: 83%;
    transform: translateX(-50%);
    width: 55px;        /* ? ÇÙ½É */
  }

  .btn_02 img {
    width: 120%;         /* ºÎ¸ð¿¡ ¸ÂÃã */
    height: auto;
  }
}