@charset "utf-8";
/********************
** mainBanner
********************/
.mainBanner{background:url('/img/mainBanner.jpg')center center; background-size:cover}
.scrollEvent{left:50%; bottom:20px; transform:translateX(-50%)}

/********************
** problem
********************/
.problemBenefitCnt{background:rgba(151,168,255,0.2); backdrop-filter: blur(60px);}
.problemImg1{left:0;top:30svh}
.problemImg2{right:0;bottom:30svh}
.newsTit{left:50%; bottom:20px; transform:translateX(-50%)}
.problemLast{background:linear-gradient(to right, #3E6CE0, #2741A6)}

/********************
** why
********************/
.why{background:url('/img/whyBg.jpg')center center; background-size:cover}

/********************
** greetings
********************/
.greetings{background:url('/img/greetingsBg.svg')center left no-repeat;background-size:auto 100%}

/********************
** system
********************/
.systemCnts {display:grid; grid-template-columns:repeat(4,1fr);}
/********************
** system-join
********************/
.system-join{background:url('/img/joinBg.jpg')center center; background-size:cover}
.systemJoinCnt{border:1px solid #D9DADE; box-shadow: 4px 4px 16px #D9DADE;}
.systemJoinCnt1{background:url('/img/type-001.png')bottom right no-repeat #fff; background-size:auto 60%;}
.systemJoinCnt2{background:url('/img/type-002.png')bottom right no-repeat #fff; background-size:auto 60%;}

/********************
** system-join
********************/

/********************
** system-learn
********************/

/********************
** system-sales
********************/
.systemSalesCnt{background:#F4F9FD;}
.systemSalesBox {display:grid; grid-template-columns:repeat(2,1fr);}

/********************
** system-reward
********************/
.system-reward{background:url('/img/rewardBg.svg')bottom center no-repeat; background-size:auto 40%;}
.systemRewardCnt{border:1px solid #D9DADE}
.systemRewardBox {display:grid; grid-template-columns:repeat(2,1fr);}

/********************
** roadmap
********************/
.roadmap{background:url('/img/roadmapBg.jpg')center center; background-size:cover}

/********************
** review
********************/
.reviewCntBox{overflow:hidden;}
.reviewTit{background:linear-gradient(45deg, #001B79, #020514);
    box-shadow: inset -1px -1px 2px #000, inset 1px 1px 2px #6A78C0;}
.reviewCnt{height:auto !important; min-height:330px; background:rgba(255,255,255,0.2);box-shadow:inset 0 -4px 4px #5D606C}

/********************
** contact
********************/
.contact{background: linear-gradient(to bottom, #fff 30%, #EEEEF0 30%);}
.contactBox{background:linear-gradient(to bottom, #26272B,#5D606C) }
.inputBox{border:1px solid #D9DADE}
.inputBox::placeholder{color:#91949F;}
.clip {top:-10%; left:50%; right:50%; transform:translateX(-50%);}
.penWrap{line-height:0; right:-14%;}
.pen{display:block;}
.contactPolicyInput{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap;
    border:0;
}
.contactPolicyLabel{cursor:pointer;}
.contactPolicyIcon{
    display:block;
    flex:0 0 24px;
    width:24px;
    height:24px;
    background:url('/img/chkOff.svg') center center no-repeat;
    background-size:contain;
}
.contactPolicyInput:checked + .contactPolicyLabel .contactPolicyIcon{background-image:url('/img/chkOn.svg');}


.sonsultTable tr {border-top:1px solid #D9DADE;}
.sonsultTable tr:last-child {border-bottom:1px solid #D9DADE;}
.sonsultTable th, .sonsultTable td {border-right:1px solid #D9DADE;}
.sonsultTable th:last-child, .sonsultTable td:last-child {border-right:0;}

.consiltCntLine {border-top:1px solid #D9DADE;}
.consiltCntLine:last-child {border-bottom:1px solid #D9DADE;}
.successBtnLine {border:1px solid #D9DADE;}