@charset "utf-8";

/********** common **********/
.siteHeaderOffset{display:block; width:100%; height:80px; flex:none;}

/********** popup **********/
.popup{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.haoPopup{position:fixed; inset:0; z-index:9999; display:none;}
.haoPopup[aria-hidden="false"]{display:block;}
.haoPopupDim{position:absolute; inset:0; background:rgba(0,0,0,.55); backdrop-filter:blur(2px);}
.popup{width:min(90vw,520px); overflow:hidden;}
.haoPopupImg{display:block; width:100%; height:auto; -webkit-user-drag:none; user-select:none;}
.today,.close{cursor:pointer;}


/*********************
** index
*********************/
/** mainBaner **/
.mainBanner {background:url('/img/mainBanner.jpg'); background-position:center; background-size:cover;}
/** problem **/
.problemCnts {display: grid; grid-template-columns:repeat(3,1fr);}
/** result **/
.resultCntBg {background:linear-gradient(to right, #5E9DFC, #2358ED);}
/** type **/
.typeCnts {display:grid; grid-template-columns:repeat(2, 1fr);}
.typeCntTit {background:linear-gradient(to right, #5E9DFC, #2358ED);}
.type-001 {border-radius:16px 16px 0 0;}
.typeBox-001 {border-radius:0 0 16px 16px; min-height:324px;}
/** yesno **/
.yesnoCnts {display:grid; grid-template-columns:repeat(4, 1fr);}
.yesnoBg {background:linear-gradient(to right, #5E9DFC, #2358ED); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;}
/** level **/
.levelCnts {display:grid; grid-template-columns:repeat(3,1fr);}
.levelBg {bottom:0; right:0;}
/** review **/
.reviewSlider {overflow:hidden;}
.reviewSlider .swiper-wrapper {transition-timing-function:linear;}
.reviewImg {display:block; width:100%; height:auto;}
/** road **/
.undLine {text-decoration:underline;}
/** class **/
.classTitBox {background:linear-gradient(to right, #5E9DFC, #2358ED);}
.classCnts {display:grid; grid-template-columns:repeat(2,1fr);}
/** profile **/
.profile {background: linear-gradient(to bottom, #000000 0%, #000000 70%, #1B44DA 100%);}
/** contact **/
.inputBox {border:1px solid #B8BAC1;}
.contactPolicyCheck {
    appearance:none;
    -webkit-appearance:none;
    display:block;
    flex:none;
    margin:0;
    border:0;
    background:url('/img/chkOff.svg') center/contain no-repeat;
    cursor:pointer;
}
.contactPolicyCheck:checked {background-image:url('/img/chkOn.svg');}
.contactPolicyCheck:focus-visible {
    outline:2px solid #2358ED;
    outline-offset:2px;
    border-radius:4px;
}
.contactPolicyLabel {cursor:pointer;}
.contactBtn {background:linear-gradient(to right, #5E9DFC, #2358ED);}

/*********************
** login
*********************/
.loginBg {background:url('/img/mainBanner.jpg'); background-position:center; background-size:cover;}

/*********************
** contact
*********************/
/** list **/
.contactTable tr{border-top:1px solid #D9DADE;}
.contactTable tr:last-child{border-bottom:1px solid #D9DADE;}
.contactTable th, .contactTable td {border-right:1px solid #D9DADE;}
.contactTable th:last-child, .contactTable td:last-child {border-right:0;}
/** View **/
.consiltCntLine {border-top:1px solid #D9DADE;}
.consiltCntLine:last-child {border-bottom:1px solid #D9DADE;}
.successBtnLine {border:1px solid #D9DADE;}