@charset "utf-8";

/********************
** header
********************/
header{left:0; top:0; background-color: rgba(255, 255, 255, 0.5); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);}

/********************
** index.html
********************/
/** mainBanner **/
.mainBanner{background:url('/img/mainBannerImg.jpg')center center no-repeat; background-size:cover}
.mainBanner p{text-shadow: 0px 0px 4px rgba(0,0,0,0.5);}
.cta{box-shadow: 0px 0px 4px rgba(0,0,0,0.5);}

/** intro **/
.introImg{align-self: stretch;}

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

/** proccess **/
.proccessCnt{width:calc(33.333333% - 63px); box-shadow: 0, 0, 8px, #f7f8f8; border:1px solid #d9dade; align-self: stretch;}

/** career **/
.career{background:linear-gradient(to bottom, #132013, #3c6239)}
.caseSlider .swiper-slide{overflow:hidden; line-height: 0;}
.swiperCta{border:1px solid #fefefe;}
.swiperCta span{border:2px solid #fefefe; border-width:0 2px 2px 0; transform:rotate(-45deg)}

/** contact **/
.contact{background:url('/img/contactBg.jpg')center center no-repeat; background-size:cover}
.onlineInput{border:1px solid #e8d4a0}
.onlineInput::placeholder{color:#91949f}
#searchLocationBtn{align-self: stretch; border:0}
#policy{left:-99999px}
#policy + label:before{content:''; display:block; width:20px; height:20px; background:url('/img/chkOff.svg')center center no-repeat; background-size:cover; margin-right:8px}
#policy:checked + label:before{background:url('/img/chkOn.svg')center center no-repeat; background-size:cover}
.policyLink{text-decoration: underline;}

/********************
** quick button
********************/
.quick-buttons {bottom: 4%;right: 4%;}
.quick-btn {box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;}
.quick-btn:hover {transform: translateY(-2px);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);}

/********************
** careerList
********************/
.careerListCnt{width:calc(33.3333% - 16px)}
/********************
** careerView
********************/
.viewContentBox img{max-width:100%}
/********************
** careerWrite
********************/

/********************
** consultList
********************/
.boardListTbl tr td{border:1px solid #d9dade; vertical-align: middle;}
.boardListTbl tr td:nth-child(1){border-left:0}
.boardListTbl tr td:nth-last-child(1){border-right:0}


/********************
** consultView
********************/
.btnBox a, .btnBox button{border:1px solid #D9DADE}

/********************
** login
********************/
.loginForm{background:url('/img/contactBg.jpg')center center no-repeat; background-size:cover; box-shadow: 0 0 16px rgba(0,0,0,0.05);}


/********************
** policy, term
********************/