@charset "UTF-8";
/* ===========================================================================================
error style
=========================================================================================== */
html {
   position: relative;
   height: 100vh;
   font-size: 10px;
   box-sizing: border-box;
   overflow-x: hidden;
   -webkit-text-size-adjust: 100%;
   -webkit-tap-highlight-color: transparent;
}
*, ::after, ::before {
   box-sizing: inherit;
}
body {
   margin: 0;
   padding: 0;
   font-size: 1.6rem;
   font-weight: 400;
   font-family: "Noto Sans KR", "Malgun Gothic", "맑은 고딕", Dotum, "돋움", sans-serif;
   line-height: 1.5;
   color: var(--dark1, #333);
}
dd, dl, dt, li, ol, ul {
   margin: 0;
   padding: 0;
   list-style: none;
}
h1, h2, h3, h4, h5, h6, p {
   margin: 0;
   padding: 0;
}
a {
   color: inherit;
   text-decoration: none;
}
img {
   border: 0;
   vertical-align: middle;
   font-size: 0;
   max-width: 100%;
   image-rendering: -moz-crisp-edges;
   image-rendering: -o-crisp-edges;
   image-rendering: -webkit-optimize-contrast;
   image-rendering: crisp-edges;
   -ms-interpolation-mode: nearest-neighbor;
}
.fcBlue {
   color: #339af0;
}
.popupBasic {
   /* background: #ccc; */
   width: 100%;
   height: 100vh;
   background: url(../img/bg.jpg) no-repeat center;
   background-size: cover;
}
.popupBasic .flex-container {
   padding: 1em;
   position: relative;
   display: flex;
   width: 100%;
   height: 100%;
   min-height: calc(100vh / 2);
   align-items: center;
   justify-content: center;
}
.popupBasic .flex-container .cont_area {
   display: flex;
   flex-direction: column;
   justify-content: center;
   gap: 1.5rem;
   width: 100%;
   max-width: 768px;
   min-height: 500px;
   padding: 5rem 3rem;
   margin: auto;
   text-align: center;
   box-shadow: none;
   border-radius: 2rem;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13);
   background-color: #fff;
   background-size: cover;
}
.popupBasic .flex-container .cont_area .cont {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   gap: 1.5rem;
   width: 100%;
   height: 100%;
}
.cont_area .cont .logo img {
   width: 36rem;
}
.popupBasic .flex-container .cont_area .cont .site_img img {
   display: inline-block;
   width: 27rem;
   margin: 1.5rem 0 1rem;
}
.popupBasic .flex-container .cont_area .cont .tit-header {
   position: relative;
   color: #333;
   font-size: 3rem;
   border: none;
   line-height: 1.5;
   text-transform: none;
}
.popupBasic .flex-container .cont_area .cont .text {
   margin-bottom: 1.5rem;
   font-size: 2rem;
   line-height: 1.5;
}
.popupBasic .flex-container .cont_area .cont .text p.phone {
   font-weight: 600;
   margin-top: 1rem;
}
.popupBasic .flex-container .cont_area .cont .btn {
   display: inline-block;
   font-size: 1.8rem;
   border-radius: 0.4rem;
   min-width: 23rem;
   padding: 1.3rem 1.5rem;
   border: 1px solid #ddd;
}
.popupBasic .flex-container .cont_area .cont .btn.type4 {
   background: #1c7ed6;
   color: #fff;
   border-color: #1c7ed6;
}
@media (max-width: 1024px) {
   .cont_area .cont .logo img {
      width: 30rem;
   }
   .popupBasic .flex-container .cont_area .cont .site_img img {
      display: inline-block;
      width: 25rem;
      margin: 0em auto 0em;
   }
   .popupBasic .flex-container .cont_area .cont .tit-header {
      font-size: 2.6rem;
   }
   .popupBasic .flex-container .cont_area .cont .text {
      margin-bottom: 1.5rem;
      font-size: 1.6rem;
   }
   .popupBasic .flex-container .cont_area .cont .text p.phone {
      font-weight: 600;
      margin-top: 1rem;
   }
   .popupBasic .flex-container .cont_area .cont .btn {
      font-size: 1.6rem;
   }
}
@media (max-width: 768px) {
   .cont_area .cont .logo img {
      width: 25rem;
   }
   .popupBasic .flex-container .cont_area .cont .site_img img {
      display: inline-block;
      width: 20rem;
      margin: 0em auto 0em;
   }
   .popupBasic .flex-container .cont_area .cont .tit-header {
      font-size: 2rem;
   }
   .popupBasic .flex-container .cont_area .cont .text {
      margin-bottom: 1.5rem;
      font-size: 1.5rem;
   }
   .popupBasic .flex-container .cont_area .cont .text p.phone {
      font-weight: 600;
      margin-top: 1rem;
   }
   .popupBasic .flex-container .cont_area .cont .btn {
      font-size: 1.5rem;
   }
}