@charset "utf-8";

/***********************
******* 해더
************************/
header{ top: 0;  left: 0;  transition: background-color 0.4s ease, border-color 0.4s ease;}
.headerBtn{border:1px solid #E88645;}
/* JavaScript로 추가될 .scrolled 클래스의 스타일입니다. */
header.scrolled {  background-color: white;  }

/***********************
******* 메인베너
************************/
.mainBanner{background:url('/img/mainBannerBg.jpg'); background-size:cover; background-position:center;}
.txtLine{text-decoration: underline;}


/***********************
******* review
************************/
.review{background: linear-gradient(to bottom, rgba(253, 246, 239, 0.6), #FBEAD9);}
.review_slide{box-shadow: 0 0 8px #D9DADE; height:auto;}
.review_slider {    width: 100%;    overflow: hidden; /* Swiper가 제어할 수 있도록 */}

/***********************
******* service
************************/
.service{background:url('/img/serviceBg.jpg'); background-size:cover;}
.serviceBox{display:grid; grid-template-columns: repeat(3, 1fr); }
.serviceBoxList{background-color: rgba(38, 8, 3, 0.4);     backdrop-filter: blur(10px);     -webkit-backdrop-filter: blur(10px); }

/***********************
******* step
************************/
.stepBox{display:grid; grid-template-columns: repeat(3, 1fr); }
.stepBoxList{box-shadow: 0 0 8px rgba(176, 176, 176, 0.25);}
.stepBox1{display:grid; grid-template-columns: repeat(2, 1fr); }



.qaBox{border-radius: 16px 16px 0 0;}
.online{background:url('/img/qaBg.jpg'); background-size: cover;}
.filedset input[type="radio"]{left:-9999px;}
.filedset input[type="radio"] + label{ background:#5D606C; cursor: pointer; color:#fff}
.filedset input[type="radio"]:checked + label{background:#E88645;opacity: 1; color:#fff;}
.filedset textarea{box-sizing: border-box;}
.inputBox{border:1px solid #D9DADE}
/* 체크박스 숨기기 */
.checkpolicy input[type="checkbox"] {      display: none;    }
/* 체크박스 스타일 */
.custom-checkbox {      width: 20px;      height: 20px;    padding:0;   border-radius: 4px;      background-color: #fff;  border:1px solid #E88645;    margin-right: 10px;     transition: background-color 0.3s, border 0.3s;      position: relative;    }
/* 체크박스 선택 상태 스타일 */
.checkpolicy input[type="checkbox"]:checked + .custom-checkbox {      background-color: #E88645;      border-color: #E88645;    }
.checkpolicy input[type="checkbox"]:checked + .custom-checkbox::after {      content: '';      position: absolute;      top: 2px;      left: 5px;      width: 5px;      height: 8px;      border: solid white;      border-width: 0 3px 3px 0;      transform: rotate(45deg);    }


/***********************
******* 로그인
************************/
.loginBg{background:url('/img/mainBannerBg.jpg'); background-size:cover; background-position:center;}

/***********************
******* 관리자페이지
************************/
.adminBg{background:url('/img/mainBannerBg.jpg'); background-size:cover; background-position:center;}

/***********************
******* 상담신청 리스트
************************/
.onlineTbl th,
.onlineTbl td {border-top:1px solid #D9DADE; border-bottom:1px solid #D9DADE; border-right:1px solid #D9DADE;}
.onlineTbl td:last-child,
.onlineTbl th:last-child {
    border-right: none;
}

/***********************
******* 상담신청 상세
************************/
.onlineViewCnt {border-top:1px solid #D9DADE;}
.onlineViewCnt:last-child {border-bottom:1px solid #D9DADE;}