@font-face {font-family: 'Cafe24Ohsquareair';src: url('/assets/fonts/Cafe24Ohsquareair.eot');}
@font-face {font-family: 'Cafe24Ohsquareair';src: url('/assets/fonts/Cafe24Ohsquareair.woff') format('woff');}
.btn{
	transition: all ease-in-out .5s;
}
.line-height-15{
	line-height:1.5;
}
.btn, button:focus, input:focus, button:active, input:active, .form-control:focus, .form-control:active,  a:focus, a:active, .form-select:focus, .form-select:active{
	outline: 0 !important;
	box-shadow: none !important;
}
.btn{
	cursor:pointer;
}
a{
	cursor:pointer;
}
a:hover{
	color:#dd4e20;
}
.form-control:focus, .form-control:active, .form-select:focus, .form-select:active, .board-form .form-select:hover, .board-form .form-select:focus {
	border: 1px solid #14E9F4;
	outline:0;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 9999s ease-out;
    -webkit-box-shadow: 0 0 0px 1000px rgb(255 255 255) inset !important;
    -webkit-text-fill-color: #495057 !important;
}
body {
	margin: 0; /* 1 */
	line-height: inherit; /* 2 */
	color:#0a1b3f;
	font-family: 'Poppins','Noto Sans KR', sans-serif;
	word-break: keep-all;
}
@media (min-width: 640px){
  .container{
    max-width: 640px;
  }
}
@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){
  .container{
    max-width: 1280px;
  }
}
@media (min-width: 1536px){
  .container{
    max-width: 1536px;
  }
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.inset-0{
  inset: 0px;
}
.inset-x-0{
  left: 0px;
  right: 0px;
}
.bottom-10{
  bottom: 2.5rem;
}
.-z-10{
  z-index: -10;
}
.mx-10{
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
.mx-14{
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-7{
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}
.-ms-3{
  -webkit-margin-start: -0.75rem;
          margin-inline-start: -0.75rem;
}
.mb-10{
  margin-bottom: 2.5rem;
}
.mb-12{
  margin-bottom: 3rem;
}
.mb-14{
  margin-bottom: 3.5rem;
}
.mb-8{
  margin-bottom: 2rem;
}
.mt-10{
  margin-top: 2.5rem;
}
.mt-12{
  margin-top: 3rem;
}
.mt-14{
  margin-top: 3.5rem;
}
.mt-24{
  margin-top: 6rem;
}
.mt-5{
  margin-top: 1.25rem;
}
.mt-6{
  margin-top: 1.5rem;
}
.mt-8{
  margin-top: 2rem;
}
.inline-block{
  display: inline-block;
}
.flex{
  display: flex;
}
.grid{
  display: grid;
}
.h-10{
  height: 2.5rem;
}
.h-16{
  height: 4rem;
}
.h-9{
  height: 2.25rem;
}
.h-\[900px\]{
  height: 900px;
}
.h-\[970px\]{
  height: 970px;
}
.w-10{
  width: 2.5rem;
}
.w-16{
  width: 4rem;
}
.w-9{
  width: 2.25rem;
}
.w-full{
  width: 100%;
}
.max-w-2xl{
  height:100vh;
}
.max-w-4xl{
  max-width: 56rem;
}
.max-w-md{
  max-width: 28rem;
}
.-rotate-45{
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45{
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scroll-mt-5{
  scroll-margin-top: 1.25rem;
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-wrap{
  flex-wrap: wrap;
}
.items-center{
  align-items: center;
}
.justify-end{
  justify-content: flex-end;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.gap-2{
  gap: 0.5rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-5{
  gap: 1.25rem;
}
.gap-6{
  gap: 1.5rem;
}
.gap-9{
  gap: 2.25rem;
}
.overflow-hidden{
  overflow: hidden;
}
.scroll-smooth{
  scroll-behavior: smooth;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-lg{
  border-radius: 0.5rem;
}
.rounded-md{
  border-radius: 0.375rem;
}
.border{
  border-width: 1px;
}
.border-0{
  border-width: 0px;
}
.border-2{
  border-width: 2px;
}
.border-8{
  border-width: 8px;
}
.border-gray-100{
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity));
}
.border-gray-700{
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
}
.border-transparent{
  border-color: transparent;
}
.border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.bg-black\/80{
  background-color: rgb(0 0 0 / 0.8);
}
.bg-blue-600{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}
.bg-gray-700\/50{
  background-color: rgb(55 65 81 / 0.5);
}
.bg-gray-950\/60{
  background-color: rgb(3 7 18 / 0.6);
}
.bg-gray-950\/70{
  background-color: rgb(3 7 18 / 0.7);
}
.bg-blue-950\/70{
  background-color: rgb(9 12 91 / 0.3);
}
.bg-brown-950\/70{
  background-color: rgb(62 44 25 / 0.3);
}
.bg-purple-950\/70{
  background-color: rgb(58 3 70 / 0.3);
}
.bg-red-950\/70{
  background-color: rgb(70 3 3 / 0.3);
}
.bg-neutral-950\/70{
  background-color: rgb(255 255 255 / 1);
}
.bg-neutral-950\/80{
  background-color: rgb(10 10 10 / 0.8);
}
.bg-transparent{
  background-color: transparent;
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-white\/10{
  background-color: rgb(255 255 255 / 0.1);
}
.bg-white\/30{
  background-color: rgb(255 255 255 / 0.3);
}
.bg-gradient-to-t{
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.from-blue-600{
  --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-sky-600{
  --tw-gradient-to: #0284c7 var(--tw-gradient-to-position);
}
.bg-cover{
  background-size: cover;
}
.bg-clip-text{
  -webkit-background-clip: text;
          background-clip: text;
}
.bg-center{
  background-position: center;
}
.bg-no-repeat{
  background-repeat: no-repeat;
}
.p-10{
  padding: 2.5rem;
}
.p-2{
  padding: 0.5rem;
}
.p-20{
  padding: 5rem;
}
.p-4{
  padding: 1rem;
}
.p-5{
  padding: 1.25rem;
}
.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-14{
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-20{
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-32{
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-40{
  padding-top: 10rem;
  padding-bottom: 10rem;
}
.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[18px\]{
  padding-top: 18px;
  padding-bottom: 18px;
}
.pb-16{
  padding-bottom: 4rem;
}
.pb-5{
  padding-bottom: 1.25rem;
}
.pb-96{
  padding-bottom: 24rem;
}
.pe-10{
  -webkit-padding-end: 2.5rem;
          padding-inline-end: 2.5rem;
}
.ps-20{
  -webkit-padding-start: 5rem;
          padding-inline-start: 5rem;
}
.pt-40{
  padding-top: 10rem;
}
.pt-56{
  padding-top: 14rem;
}
.pt-60{
  padding-top: 15rem;
}
.pt-80{
  padding-top: 20rem;
}
.pt-96{
  padding-top: 24rem;
}
.pt-\[600px\]{
  padding-top: 600px;
}
.text-center{
  text-align: center;
}
.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl{
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl{
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-4xl\/tight{
  font-size: 2.25rem;
  line-height: 1.25;
}
.text-5xl{
  font-size: 3rem;
  line-height: 1;
}
.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-base\/relaxed{
  font-size: 1rem;
  line-height: 1.625;
}
.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.font-medium{
  font-weight: 500;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 600;
}
.uppercase{
  text-transform: uppercase;
}
.leading-\[50px\]{
  line-height: 50px;
}
.tracking-wide{
  letter-spacing: 0.025em;
}
.tracking-wider{
  letter-spacing: 0.05em;
}
.text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-blue-500{
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}
.text-blue-600{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}
.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-transparent{
  color: transparent;
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-white\/50{
  color: rgb(255 255 255 / 0.5);
}
.text-white\/60{
  color: rgb(255 255 255 / 0.6);
}
.text-yellow-300{
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / var(--tw-text-opacity));
}
.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.backdrop-blur-\[3px\]{
  --tw-backdrop-blur: blur(3px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-300{
  transition-duration: 300ms;
}
.duration-500{
  transition-duration: 500ms;
}
html{
  position: relative;
  scroll-behavior: smooth;
}

body {
  font-size: 16px;
  overflow-x: hidden;
}


.after\:hidden::after{
  content: var(--tw-content);
  display: none;
}

.hover\:border-blue-600:hover{
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity));
}

.hover\:border-pink-600:hover{
  --tw-border-opacity: 1;
  border-color: rgb(219 39 119 / var(--tw-border-opacity));
}

.hover\:border-red-500:hover{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
}

.hover\:border-transparent:hover{
  border-color: transparent;
}

.hover\:border-white\/5:hover{
  border-color: rgb(255 255 255 / 0.05);
}

.hover\:bg-blue-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}

.hover\:bg-blue-600\/80:hover{
  background-color: rgb(37 99 235 / 0.8);
}

.hover\:bg-blue-600\/90:hover{
  background-color: rgb(37 99 235 / 0.9);
}

.hover\:bg-white:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.hover\:text-blue-600:hover{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}

.hover\:text-pink-600:hover{
  --tw-text-opacity: 1;
  color: rgb(219 39 119 / var(--tw-text-opacity));
}

.hover\:text-red-500:hover{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:shadow-lg:hover{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-blue-600\/30:hover{
  --tw-shadow-color: rgb(37 99 235 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

.focus\:text-black:focus{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.focus\:ring-0:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

@media (min-width: 640px){
  .sm\:flex{
    display: flex;
  }
  .sm\:w-72{
    width: 18rem;
  }
  .sm\:py-40{
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .sm\:pt-\[650px\]{
    padding-top: 650px;
  }
}

@media (min-width: 768px){
  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:text-5xl\/normal{
    font-size: 3rem;
    line-height: 1.5;
  }
  .md\:text-5xl\/snug{
    font-size: 3rem;
    line-height: 1.375;
  }
  .md\:text-5xl\/tight{
    font-size: 3rem;
    line-height: 1.25;
  }
  .md\:text-6xl\/snug{
    font-size: 3.75rem;
    line-height: 1.375;
  }
  .md\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1024px){
  .lg\:flex{
    display: flex;
  }
  .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:p-20{
    padding: 5rem;
  }
  .lg\:font-semibold{
    font-weight: 600;
  }
  .lg\:after\:absolute::after{
    content: var(--tw-content);
    position: absolute;
  }
  .lg\:after\:left-\[25px\]::after{
    content: var(--tw-content);
    left: 25px;
  }
  .lg\:after\:top-2\/3::after{
    content: var(--tw-content);
    top: 66.666667%;
  }
  .lg\:after\:h-\[1px\]::after{
    content: var(--tw-content);
    height: 1px;
  }
  .lg\:after\:w-\[140px\]::after{
    content: var(--tw-content);
    width: 140px;
  }
  .lg\:after\:bg-white\/75::after{
    content: var(--tw-content);
    background-color: rgb(255 255 255 / 0.75);
  }
}

@media (min-width: 1280px){
  .xl\:ms-40{
    -webkit-margin-start: 10rem;
            margin-inline-start: 10rem;
  }
  .xl\:justify-center{
    justify-content: center;
  }
}

@media (min-width: 1536px){
  .\32xl\:h-\[970px\]{
    height: 970px;
  }
  .\32xl\:h-screen{
    height: 100vh;
  }
  .\32xl\:overflow-hidden{
    overflow: hidden;
  }
  .\32xl\:ps-60{
    -webkit-padding-start: 15rem;
            padding-inline-start: 15rem;
  }
  .\32xl\:pt-40{
    padding-top: 10rem;
  }
  .\32xl\:pt-48{
    padding-top: 12rem;
  }
  .\32xl\:pt-64{
    padding-top: 16rem;
  }
  .\32xl\:pt-72{
    padding-top: 18rem;
  }
  .\32xl\:pt-80{
    padding-top: 20rem;
  }
  .\32xl\:pt-\[700px\]{
    padding-top: 700px;
  }
  .\32xl\:text-4xl\/tight{
    font-size: 2.25rem;
    line-height: 1.25;
  }
  .\32xl\:text-6xl\/tight{
    font-size: 3.75rem;
    line-height: 1.25;
  }
  .\32xl\:text-\[55px\]\/tight{
    font-size: 55px;
    line-height: 1.25;
  }
}
.logo{width:calc(3rem + 2vw); max-width:5rem;}
.slide01, .slide02, .slide03, .slide04{
	background-repeat:no-repeat;
	background-size:cover!important;
	background-position:center!important;
}
.slide01{background-image:url(/front/image/visual202401.jpg); }
.slide02{background-image:url(/front/image/visual202402.jpg); }
.slide03{background-image:url(/front/image/visual202403.jpg); }
.slide04{background-image:url(/front/image/visual202404.jpg); }

.typo{ font-family: 'Cafe24Ohsquareair';}
.typo h1{
  font-size:2rem;
  text-transform: uppercase;
  color: rgba(255,255,255,.9);
  font-weight:600;
      line-height: 1.2;
}

.typo p{font-size:calc(1rem + .5vw); color: rgba(255,255,255,.9);}
label{color:#aaaaaa}
.btn-red {
    border: 0;
    background-color: #ffc107;
    color: #ffffff;
}
.btn:hover{background-color:#14E9F4; color:#ffffff;}
.btn-signIn{border-radius:100px;padding:.8rem}
.member-l img{width:2rem;}
.hello{
    font: normal 500 1.6rem / 1.2 'Poppins','Noto Sans KR', sans-serif;
    margin-bottom: 0;}
.btn-cta,  .btn-cta-s{
    position: relative;
}
.cta__caption {
    display: block;
    margin-right: 1.2rem;
    text-transform: uppercase;
    color: var(--t-default);
}
.blank-line{position:relative; height:3rem; margin-top:4rem;}
.blank-line:before{content:'';position:absolute; left:50%;width:1px;height:3rem; background-color:#6610f2;}
.blank-line:after{content:'';position:absolute; width:6px; height:6px; border-radius:50%; bottom:-1px; left:50%; margin-left:-3px; background-color:#6610f2;}
.btn-cta svg{width:1.5rem; fill:#fd7e14; display:inline-block}
.btn-cta-s svg{width:1.5rem; fill:#aaaaaa;}
.btn-cta-s {color:#898989!important;}
.btn-cta:hover svg{fill:#14E9F4}
.btn-cta-s:hover svg{fill:#14E9F4}
.btn-cta:hover{background-color:transparent; color:#212529}
.btn-cta:hover .hover-anim{background-color:#14E9F4; border:1px solid #14E9F4; color:#ffffff; transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out;}
.hover-anim{transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out;}
.quote, .swiper-slide-prev .quote{height:3rem}
.quote svg, .swiper-slide-prev .quote svg{width:1rem; opacity:0; transition: all .2s ease-in-out}
.swiper-slide-active .quote svg{opacity:1; width:3rem; transition: all .2s ease-in-out}
.btn-outline {
    border: 1px solid rgba(0,0,0,.3);
    background-color: transparent;
}
.ebook-img {width:calc(3rem + 2vw); max-width:5rem;}
.sub-header{padding:2rem 1rem;}
.btn-yellow{background-color:#6610f2!important; color:#ffffff}
.btn-tap:nth-child(2){margin-left:-1px}
.btn-outline-secondary.btn-tap, .btn-outline-secondary.btn-tap:hover{border:1px solid #ff8c07!important; color:#ff8c07!important; border-radius:0; background-color:#ffffff!important}
.btn-outline-secondary.btn-tap.active{background-color:#ff8c07!important; color:#ffffff!important; border:1px solid #ff8c07!important}

@media only screen and (min-width: 768px){
.cta__elipce {
    height: 4rem;
    padding: 0 2rem;
    -moz-border-radius: 2.5rem;
    border-radius: 2.5rem;
}
}
.cta__elipce {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2rem;
    padding: 0 1rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
}	
.login-box {position:relative}
.login-box input{padding: .7rem 1rem .7rem 2rem; border:1px solid #6610f2}
.login-box img{position:absolute; left:.5rem; width:1rem; top:50%; margin-top:-.5rem;}
@media only screen and (min-width: 1200px) {
  .hover-anim {
    position: relative;
    overflow: hidden;
  }
  .hover-anim em {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    -moz-border-radius: 50%;
         border-radius: 50%;
    -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}  
@media only screen and (min-width: 768px) {
.typo h1 {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 1400px) {
.typo h1 {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 1600px) {
.typo h1 {
    font-size: 3rem;
  }
}
@media (min-width: 768px){
	
}
.login-form input[type=text], input[type=password]{
	background-color:transparent
}
.login-form img{width:1rem;}
.floatingInput{color:#aaaaaa;}
@media (max-width: 991px){
.wrapper{
	padding:0
}
.wrpaaer-login{
	height:23rem;
	padding:0rem;
}	
.wrpaaer-copy{
	min-height:50vh;
	height:calc(100vh - 25rem);
	padding:2rem;
}
.wrapper-slider{
	padding-top:20rem;
}
.typo h1, .typo p{
	text-align:center
}
.bg-neutral-950\/70 {
    background-color: #ffffff;
}
}
/*****footer*****/
footer{
	color:#989898;
	padding-top:3rem;
	padding-bottom:6rem;
	border-top:1px solid #ced4da;	
    margin: 0 auto;
	position:relative;
}
footer .copyright {
	background-repeat:no-repeat;
	background-position:left top;	
	color:#989898
}
footer a{
	color:#989898;
	text-decoration:none;
}
footer .logo-highfive {
	background-image:url(/front/image/ibom.svg);
	background-size:3rem auto;	
	padding-top:5rem;	
	filter: grayscale(100%);
}
footer .footer-menu a{
	color:#989898;
	text-decoration:none
}
footer  a:hover{
	color:#313131;
}
footer .small, footer small {
    font-size: 85%;
}
footer .dropdown-menu a:focus{
	background-color:#676767;
	color:#ffffff
}
footer .footer-menu .btn-secondary, footer .footer-menu .btn-secondary:hover{
	color:#ffffff;
}
@media (min-width: 992px){
	footer .logo-highfive {
		background-size:3rem auto;	
		padding-left:4rem;
		padding-top:0;			
		
	}	
}

.board-notic img{
	width:3rem;
}
.board-form label {
    font-size: .92rem;
    color: #5e6baf!important;
}
.board-form .star{
	position:absolute;
	bottom:1.9rem;
	right:.1rem;
	width:1.2rem;
	height:1.2rem;
}
.board-form .memo .star{
	position:absolute;
	bottom:6.9rem;
	right:.1rem;
	width:1.2rem;
	height:1.2rem;
}
.board-form input, 
.board-form .gj-textbox-md, 
.modal input{
    background-color: #ffffff!important;
    border: 1px solid #ced4da;
    color: #5e6baf!important;
    border-radius: 100px;
    height: auto;
    padding: .5rem 1.2rem;
	line-height: 1.5;
}
.board-form textarea{
	height:8rem;
}
.form-row>.col, .form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px;
}
.form-group {
    margin-bottom: 1rem;
}
.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}
.btn-zip-search {
    padding: .5rem 1.2rem;
}
.btn-board {
    padding: .5rem 2.25rem;
    border-radius: 100px;
}
.btn-blue {
    border: 0;
    background-color: #5d58f7;
    color: #ffffff !important;
}