@charset "utf-8";

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

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

/********************
** index
********************/
/** mainBanner **/
.mainBanner{background:url('/img/mainBanner.jpg')center center no-repeat; background-size:cover}
.mainCta{box-shadow: 0 0 4px #85a2d5;}
.mainLatest{box-shadow: 0 0 8px rgba(0,0,0,0.25);}
.mainLatestLink{border-bottom:1px solid #eee; cursor: pointer;}
.mainLatestLink:nth-last-child(1){border-bottom:0}

/** mainIntro **/
.mainIntro{background:url('/img/aboutBg.jpg')center center no-repeat; background-size: cover;}
.mainIntroCnt{width:calc(50% - 12px); align-self: stretch;}

/** mainSolution **/
.mainSolutionCnt{width:calc(33.33333% - 16px)}
.mainSolutionCnt img {aspect-ratio: 1 / 1;object-fit: cover;}

/** mainWorkPart **/
.workPartCnt{width:calc(25% - 18px)}

/** mainService4 **/
.mainServiceBanner4{background:url('/img/solarPowerMain.jpg')center center no-repeat; background-size:cover}
.mainService4Cnt{ width:calc(50% - 12px); align-self: stretch;}

/** contact **/
.contact{background:url('/img/contactBg.jpg')center center no-repeat; background-size: cover;}
.contactInput{border:1px solid #d9dade}
.contactInput::placeholder{color:#91949f}
#policy{left:-999999px;}
#policy + label span{background:url('/img/chkOff.svg')center center  no-repeat; background-size:cover}
#policy:checked + label span{background:url('/img/chkOn.svg')center center  no-repeat; background-size:cover}
.contact button[type="submit"]{background:#375BD9}

.applyHr{border-bottom:1px solid #fefefe}
.applyDetail{background:rgba(255,255,255,0.1)}


/** modal **/
#modal{background:rgba(0,0,0,0.25);left:0;top:0}
.modalCnt{max-height: 80svh; overflow-y:auto}
.modalTbl td{border:1px solid #d9dade}
.modalTbl tr td:nth-child(1){border-left:0}
.modalTbl tr td:nth-child(2){border-right:0}

/********************
** contactList
********************/
.contact{background:url('/img/applyBg.jpg')center center; background-size:cover}
.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.jpg')center center no-repeat; background-size:cover}

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


/********* notice *********/
.noticeadminTable {border-top:2px solid #222; border-bottom:2px solid #222;}
.noticeadminTable tbody tr td {border-top:1px solid #D9DADE;}
.noticemainTxt div p img {width:100%;}
/* 첨부파일 리스트 */
.noticeFilesList { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.noticeFilesList li { margin: 0; }
.noticeFilesList li:first-child .fileItem { border-top: none; }

.inputLine {border:1px solid #D9DADE;}
.btnLine {border:1px solid #B8BAC1;}
.caseListBtn {border:1px solid #D9DADE; background:none;}
.caseBottomLine {border-bottom:2px solid #D9DADE;}
.caseBtnLine {border:1px solid #D9DADE;}
.casenextprevBtn {border-top:1px solid #D9DADE; border-bottom:1px solid #D9DADE;}
.casenextBtn {border-bottom:1px solid #D9DADE;}
.casemainTxt div p img{width:100%;}