@charset "utf-8";

/********************
** common
********************/

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

/********************
** index
********************/
.mainBanner{background:url('/img/mainBanner-001.jpg')center right; background-size:cover}

/** question **/
.lineP{text-decoration: underline;}
.questionBox{align-items:flex-start;}
.questionCnt{min-height:480px;}
.questionBtn{box-shadow: 0 0 8px #EEEEF0; cursor: pointer;}

/** people **/
.people{background:linear-gradient(to top, #F4FBF6, #fff)}

/** diasease **/
.absoluteP{bottom:40px; left:40px}
.diseaseSlider{overflow: visible;}
.diseaseSlider .swiper-slide{overflow:hidden; line-height: 0;transition: transform 0.4s ease;transform: scale3d(1, 1, 1); transform-origin:center center;}
.diseaseSlider .swiper-slide-active {transform: scale3d(1.1, 1.1, 1) !important; z-index:10}
.diseaseSlider .swiper-slide img{object-fit: cover;}
.diseaseModal{background:rgba(0,0,0,0.5); left:0;top:0}
.diseaseClose{cursor: pointer;}

/** ceo **/
.ceo{background: linear-gradient(to top, #F7F8F8, #fff);}
.ceoSlider{bottom:0}
.ceoSlider .swiper-slide.wauto { width: auto !important;}
.ceoSlider .swiper-wrapper {transition-timing-function: linear !important;}

/** case **/
.caseCnt > div{overflow:hidden}
.caseFront{background:linear-gradient(to bottom, #205B33, #0A2915)}
.caseBack{background:linear-gradient(to bottom, #F7F8F8, #DDF4E4)}
.caseCnt {perspective: 1500px;transform-style: preserve-3d;transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);}
.caseCnt.on {transform: rotateY(180deg);}
@media only screen and (min-width: 1201px) {
    .caseCnt:hover {transform: rotateY(180deg);}
}
.caseFront, .caseBack {backface-visibility: hidden;-webkit-backface-visibility: hidden;}
.caseFront {transform: rotateY(0deg);top: 0;left: 0;}
.caseBack {transform: rotateY(180deg);}
.pointer { cursor: pointer; }


/** step **/
.stepImg{border:4px solid #fff; box-shadow: 2px 2px 16px rgba(0,0,0,0.25);}

/** faq **/
.faqCnt{border:1px solid #D9DADE}
.faqCnt.active{border:1px solid #F4FBF6;background:#F4FBF6}
.faqAnswer{overflow-y:hidden; transition: height 0.3s ease, margin-top 0.3s ease;}
.faqArrow{transition: all 0.3s;}
.faqCnt.active .faqArrow{transform: rotate(180deg);}
.faqCnt.active .faqQestion p{color:#23723C}

/** contact **/
.contact{background:url('/img/contactBg.jpg')center center; background-size:cover}
.contactForm{border:8px solid #5D606C; border-bottom:0}
.inputBox {border:1px solid #D9DADE;}
.contactPolicyCheck{appearance:none; -webkit-appearance:none; flex:0 0 auto; border:0; background:url('/img/chkOff.svg') center center no-repeat; background-size:100% 100%; cursor:pointer}
.contactPolicyCheck:checked{background-image:url('/img/chkOn.svg')}
.contactPolicyCheck:focus-visible{outline:2px solid #23723C; outline-offset:3px}
.contactPolicyCheck + label{cursor:pointer}
.undLine {text-decoration:underline !important;}

/********************
** contactList
********************/
.contactTbl td{border:1px solid #d9dade}

/********************
** contactView
********************/
.contactViewCnt p:nth-child(1){border-top:1px solid #d9dade}
.contactViewCnt p:nth-child(2){border-top:1px solid #eeeef0}
.contactViewBox .contactViewCnt:nth-last-child(1) p:nth-child(1){border-bottom:1px solid #d9dade}
.contactViewBox .contactViewCnt:nth-last-child(1) p:nth-child(2){border-bottom:1px solid #eeeef0}
.contactBtn{border:1px solid #d9dade}

/********************
** policy
********************/
.policyTit{border-bottom:1px solid #26272b}

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

/********************
** adminMenu
********************/
.adminMenu{box-shadow:0 0 8px rgba(0,0,0,0.25)}