/* Çì´õ */


#header {
  padding-bottom: 30px;
}


#header .btn_next {
  width: 120px;
  padding-top: 30px;
}

#header .pc_menu ul li a {
  color: #fff;
  font-weight: 600;
  font-size: 21px;
  align-items: center;
  transition: 0.2s;
}




#header .pc_menu .sub-menu li a {
    color: #3E445E  !important;
}


#header .pc_menu ul li a:hover,
#header .pc_menu ul li a:focus {
  color: #fff;
}

.underline {
  background-image: linear-gradient(transparent calc(100% - 3px), #000 3px);
  background-repeat: no-repeat;
  background-size: 0% 100%;
  transition: background-size 0.8s;
}


.underline.sky {
  background-image: linear-gradient(transparent 60%, #cae7ff 40%);
}

.underline.indigoblue {
  background-image: linear-gradient(transparent 60%, #697ba3 40%);
}


.underline:hover {
  background-size: 100% 100%;
}


#header .pc_menu ul li a span {
  color: #2e2e2e;
  text-align: center;
}


#header dl dd a {
  padding-top: 4px;
}


#header dl dd a img {
  width: 50px;
  transition: 0.3s;
}


#header dl dd a img:hover {
  filter: brightness(1.2);
}


#header dl dd.listBtn {
  background: url(../../img/taeshinclear/hamburger_btn_white.svg) no-repeat center;
  background-size: contain;
}

#header dl dd.listBtn.sub_menu{
  background: url(../../img/taeshinclear/hamburger_btn_main.svg) no-repeat center !important;
  background-size: contain;
}

.quick_mo a {
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  display: block;
  padding: 24px 0;
}


/* ¿À¸¥ÂÊ Çܹö°Å ¹öÆ° Ŭ¸¯ ½Ã */


.blur-bg {

  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.3);
  backdrop-filter: blur(8px);
  z-index: 985;
  transition: opacity .3s ease;
}


/* body¿¡ noScrollÀÌ ºÙÀ¸¸é ³ªÅ¸³² */
body.noScroll .blur-bg {
  display: block;
  opacity: 1;
}

.overlay {
  background: linear-gradient(180deg, #3f485d, #3f485d, #768198);
}


.overlay .overlay-close {
  background: url(../../img/taeshinclear/close_btn.svg) no-repeat center;
  background-size: contain;
}


.overlay .overlay-close:hover {
  animation: spin 2s 0s 1;
}


@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}


.overlay ul li a {
  color: #ffffff;
  font-weight: 700;
  letter-spacing: -0.5px;
}


.overlay ul li ul {
  margin-top: 12px;
}


.overlay ul li ul li a {
  font-size: 18px;
  font-weight: 500;
  transition: 0.3s;
  letter-spacing: -0.5px;
}


/* ¿ìÃø Äü¸Þ´º */


.quick_pc {
   border-top-left-radius: 4em;
   border-bottom-left-radius: 4em;
      display: flex;
      justify-content: center;
      align-items: center;
background: #ffffff90;
    padding: 3rem 0 3rem 0.5rem;


font-family: "Escoredream";
}


/* .quick_pc ul{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
} */


.quick_pc ul li {
        text-align: center;
        margin-bottom: 40px;
        display: flex;
        justify-content: center;
}

      .quick_pc li:last-of-type {
        margin-bottom: 0;
      }

      .quick_pc a {
        text-decoration: none;
        color: unset;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 15px;
        font-size: 14px;
      }


      .quick_pc a span {
        font-size: 26px;
        line-height: 125%;
        font-weight: 500;
      }
      .quick_pc a img {
        display: block;
        width: 50px;
      }

/* ÆäÀÌÁö º¯°æ(ȸÀü ¹öÆ°) */


.flickity-page-dots .dot.is-selected {
  background: url(../../img/taeshinclear/dotA_navy.png) no-repeat center;
  background-size: contain;
}


/* ¸ÞÀÎ 2¹ø° */


.top_tit h2 {
  font-family: "pretendard";
  font-weight: 800;
  font-size: 45px;
  color: #1f3360;
  filter: drop-shadow(2px 2px 2px #2e2e2e50);
}


.top_tit .subText {
  font-family: "pretendard";
  font-weight: 500;
  color: #1a1a1a;
  letter-spacing: -1px;
}


.container01 .box01 ul li a {
  pointer-events: none;
}


.container01 .box01 ul li a p span {
  font-family: "pretendard";
}


/* ¸ÞÀÎ 5 */


/* ¸ÞÀÎ 6 */



.contArea.mail1on1 h3 {
  font-size: 50px;
  border-bottom: none;
  padding-bottom: 0;
  padding-top: 30px;
}


.contArea.mail1on1 .img_form {
  margin: 50px 0 100px;
}


/* ¸ÞÀÎ 7 */


.about {
  background: #f0f8ff;
}


.about dl dd h3 {
  font-family: "pretendard";
  color: #1f3360;
  border-bottom: 1px solid #fff;
  font-weight: 800;
}


.about dl dd h3 span {
  margin: 10px 0 10px;
  font-family: "pretendard";
  color: #1f3360;
  font-weight: 600;
  letter-spacing: -1px;
}


.about dl dd dl {
  display: flex;
  align-items: center;
  gap: 16px;
}


.about dl dd dl dd {
  color: #1f3360;
  font-size: 18px;
  font-family: "Presentation";
  font-weight: 600;
  margin-top: 1px;
}


.about dl dd dl dt span {
  background: #6490f1;
  font-family: "Presentation";
  font-weight: 700;
  font-size: 18px;
  border-radius: 10px;
}


/* ¼­ºê 4 */


.con_style5 dl dt a img {
  animation: scale 2s 0s 5;
}


@keyframes scale {
  0% {
    scale: 1;
  }
  50% {
    scale: 1.1;
  }
  100% {
    scale: 1;
  }
}


/* ¼­ºê 5 */


.formail tbody tr:nth-of-type(3),
.formail tbody tr:nth-of-type(5) {
  display: none;
}

.formail .btn {
  font-size: 16px;
  display: inline-block;
  margin-top: 20px;
  padding: 0.7em 1.8em;
  border-radius: 10rem;
  filter: drop-shadow(0px 0px 4px #1717172e);
  transition: 0.2s;
}


.formail .btn.ok {
  background: #3e445e;
  color: #fff;
  margin-right: 20px;
}


.formail .btn.ok:hover {
  background: #fff;
  color: #1f3360;
}


.formail .btn.cancle {
  background: #fff;
  color: #1f3360;
}


.formail .btn.cancle:hover {
  filter: drop-shadow(0px 0px 4px #1717176e);
}


/* ǪÅÍ */



#footer {
        display: grid;
        grid-template-columns: 50%;
        /* °¢ ±¸¿ª 50% ·Î ³ª´® */
        background-color: #f5f5f5;
      }


      #footer .ft_address {
        padding: 4rem 4rem;
      }


      .ft_title {
        font-size: 36px;
        font-weight: 700;
      }


      .ft_info {
        grid-row: 2;
       padding: 4rem 0 4rem 4rem;;
        border-top: 1px solid #aaaaaa;
      }


      .ft_info .ft_logo_area {
        display: flex;
        justify-content: space-between;
        align-items: center;
   margin-bottom: 1.3em;
      }


      .ft_info .ft_logo_area .ts_logo img{
        width: 126px;
      }


      .ft_info .ft_logo_area .sns_logo_area {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-right: 4em;
      }


      .ft_info .ft_logo_area .sns_logo_area img {
        width: 36px;
      }

  .ft_info .ft_menu ul {
        display: flex;
        align-items: center;
        gap: 1.3em;
        padding: 1em 0;
      }


      .ft_info .ft_menu ul li {
        font-size: 1.3em;
      }


      .ft_info .ft_text span {
        font-size: 1.1em;
      }


      .ft_info .ft_text span:nth-of-type(1) {
        display: block;
      }


      .ft_info .ft_text span:nth-of-type(2),
      .ft_info .ft_text span:nth-of-type(3),
      .ft_info .ft_text span:nth-of-type(4) {
        margin-right: 1em;
      }


      .ft_info .ft_text p:nth-of-type(2) {
        margin-top: 1em;
        font-size: 1.2em;
      }


      .ft_map {
        grid-row: 1/3;
        grid-column: 2;


        background-color: #f5f5f5;
        /* Áöµµ ¿µ¿ª È®Àοë */
      }


      /* ÁÖ¼Ò + ¹öÆ° ³ª¶õÈ÷ Á¤·Ä */
      .ft_copy_area {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
      }


      .ft_copy {
        font-size: 28px;
      }


      /* º¹»ç ¹öÆ° */
      .copy_btn {
        position: relative;
        border: 0 none;
        cursor: pointer;
        color: inherit;
        text-transform: inherit;
        background: none;
        margin-left: 0.7em;
      }


      /* ¾ÆÀÌÄÜ Å©±â Á¶Á¤ */
      .copy_btn svg {
        width: 1.7em;
      }


      .copy_btn span {
        position: absolute;
        white-space: nowrap;
        top: calc(-100% - 5px);
        left: 50%;
        font-weight: 500;
        transform: translateX(-50%);
        background: #1a1a1a;
        border-radius: 5px;
        color: #fff;
        padding: 0.6em 0.8em 0.5em;
        line-height: 1;
        opacity: 0;
      }


      .copy_btn .hover_msg {
        pointer-events: none;
        transition: opacity 0.5s ease;
      }


      .copy_btn:hover .hover_msg {
        opacity: 1;
      }


      .copy_btn.show .copy_msg {
        opacity: 1;
      }



      .ft_btn_area {
        display: flex;
        align-items: center;
        margin-top: 2.5em;
        margin-bottom: 2.5em;
        gap: 15px;
      }


      .ft_btn_area .mapBTN {
        display: flex;
        align-items: center;
      }

      .ft_btn_area .mapBTN a {
        white-space: nowrap;
        padding: 0.7em 1.8em;
        border: 1px solid #dddddd;
        border-radius: 10rem;
        background-color: #fff;
        transition: background-color 0.5s ease, color 0.5s ease;
        display: flex;
        gap: 10px;
        align-items: center;
      }


      .ft_btn_area .mapBTN a:hover {
        background-color: #3e445e;
      }


      .ft_btn_area .mapBTN a:hover .txt{
        color: #fff;
      }

      .ft_btn_area .mapBTN a .ico img{
        height: 21px;
      }


      .ft_btn_area .mapBTN a .txt{
        font-size: 16px;
      }


.ft_tel {
        display: flex;
        align-items: center;
        gap: 200px;
        margin-bottom: 1em;
      }


      .ft_tel .tel .tit {
        font-size: 1.8em;
        font-weight: 300;
        margin-bottom: 0.5em;
      }


      .ft_tel .tel a {
        font-size: 2em;
        font-weight: 700;
      }


.ft_tel .tel a:hover {
        color: unset;
      }



      .reservation_notice {
        font-size: 1.3em;
        color: #919191;
        margin-bottom: 3em;
      }

#map {    
    width: 100%;
    height: 100%;
}


/* ¹ÝÀÀÇü ½ÃÀÛ */


@media screen and (max-width: 1300px) {
  .quick_pc {
    display: none;
  }


        #footer {
          grid-template-columns: minmax(0, 1fr);
        }


        .ft_address {
          grid-row: 1;
        }
        .ft_info {
          grid-row: 3;
        }


        .ft_map {
          grid-row: 2;
          grid-column: 1;
          /* padding-top: 20%; */
        }
}


@media screen and (max-width: 800px) {
  #header {
    padding-bottom: 5px;
  }


  #header dl dd.listBtn {
    margin: 10px;
  }


  #header h1 img {
    width: 100px !important;
    padding-top: 15px !important;
  }


  .overlay .listBox ul li:nth-child(5) ul li:nth-child(3) {
    padding-top: 10px;
  }
}



      @media screen and (max-width: 768px) {


        .ft_title{
          font-size: 30px;
        }


        .ft_copy{
          font-size: 22px;
        }


        .copy_btn svg{
          width: 1.5em;
        }


        .ft_tel {
          gap: 50px;
        }



        @media screen and (max-width: 600px) {
          #footer .ft_address{
            padding: 2rem 1.5rem;
          }


          .ft_btn_area{
            gap: 8px;
          }



          .ft_btn_area .mapBTN a{
            padding: 0.7em 1.3em;
            gap: 7px;
          }


          .ft_btn_area .mapBTN a .ico img{
            height: 13px;
          }


          .ft_btn_area .mapBTN a .txt{
            font-size: 13px;
          }


          .ft_info {
            padding: 4rem 1rem 8rem 1.5rem;
          }


          .ft_info .ft_menu ul li{
            font-size: 1.1em;
          }
        }


        @media screen and (max-width: 450px){
          .ft_title{
            font-size: 19px;
          }


          .ft_copy{
            font-size: 12px;
            display: inline-block;
          }


          .copy_btn svg{
            width: 1em;
          }


          .ft_btn_area{
            flex-wrap: wrap;
            gap: 8px;
          }


          .ft_info .ft_logo_area .sns_logo_area{
            margin-right: 1em;
          }


        }