@charset "utf-8";

/********************
** header
********************/
header{border-bottom:1px solid #d9dade; top:0; left:0}

/********************
** index
********************/
/** mainBanner **/
.mainBanner {background-image: -webkit-linear-gradient(top, #0a4deb 0%, #0f63ff 100%);}
.mainBannerArrow1 {left: 0;}
.mainBannerArrow2 {right: 0;}
.mainBannerImg {bottom:0;}

/** community **/
.community {background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #EEEEF0 100%);}
.communityBox {border:2px solid #2885FF;}

/** benefit **/
.benefit {background-image: -webkit-linear-gradient(top, #0F63FF 0%, #2885FF 100%);}
.benefitBox1 {max-height:380px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);}
.benefitBox2 {max-height:380px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);}
/* 1) 흔들기 키프레임 정의 */
@keyframes aos-shake {
  0%   { transform: translate(0,0) rotate(0); }
  25%  { transform: translate(-4px,0) rotate(-4deg); }
  50%  { transform: translate(4px,0) rotate(4deg); }
  75%  { transform: translate(-4px,0) rotate(-4deg); }
  100% { transform: translate(0,0) rotate(0); }
}
/* 2) data-aos="shake"용 초기·실행 스타일 */
[data-aos="shake"] {opacity: 0;}
[data-aos="shake"].aos-animate {opacity: 1;animation: aos-shake 0.6s ease-in-out;}

/** review **/
.reviewBoxs {background-image: linear-gradient(to bottom, #EDF7FF 0%, #EDF7FF 100%);position: relative;
    -webkit-mask-image: linear-gradient(
      to bottom,
      rgba(0,0,0,1)   60%,
      rgba(0,0,0,0)  100%
    );
    mask-image: linear-gradient(
      to bottom,
      rgba(0,0,0,1)   60%,
      rgba(0,0,0,0)  100%
    );
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }
  /* 홀수 박스 왼쪽 정렬, 짝수 박스 오른쪽 정렬 */
  .reviewBoxs > div:nth-child(odd) {margin-right: auto;}
  .reviewBoxs > div:nth-child(even) {margin-left: auto;}
  .swiper-slide {height: 420px !important; width:auto !important;}

/** step **/
.step {background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #EEEEF0 100%);}

/** event **/
.event {background-image: -webkit-linear-gradient(top, #0a4deb 0%, #0f63ff 100%);}

/** contact **/
.contactTBox {border:2px solid #fefefe;}
.contactBoxLine {border:1px solid #B8BAC1;}
.contactBtn {border: none;}
.textLine {border-bottom:1px solid #222;}
.policy input[type="checkbox"] {-webkit-appearance: none; -moz-appearance: none;appearance: none;background: url('/img/chkOff.svg') no-repeat center/contain; cursor: pointer; vertical-align: middle;}
.policy input[type="checkbox"]:checked {background-image: url('/img/chkOn.svg');}
  

/********************
** login
********************/
.loginBg {background-image: -webkit-linear-gradient(top, #0a4deb 0%, #0f63ff 100%);}


/********************
** admin
********************/
.adminBg {background-image: -webkit-linear-gradient(top, #0a4deb 0%, #0f63ff 100%);}

/********************
** contact, contactView
********************/
.contactViews {border-top:1px solid #D9DADE; border-bottom:1px solid #D9DADE;}
.contactViews tr {border-top:1px solid #D9DADE;}
.contactListBtn {border:1px solid #D9DADE;}
.styleN {border:none;}
.contactLine {border:1px solid #D9DADE;}
.contactLists {border-top:1px solid #D9DADE; border-bottom:1px solid #D9DADE;}
.contactLists tr{border-top:1px solid #D9DADE;}
.contactLists tr th:not(:last-child){border-right:1px solid #D9DADE;}
.contactLists tr td:not(:last-child){border-right:1px solid #D9DADE;}

/********************
** policy
********************/
.policyTp {border-bottom:1px solid #222;}