@charset "utf-8";

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

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


/***********************
******* review
************************/
.reviewTit{border-bottom:1px solid #D9DADE;}
.review_slide{box-shadow: 0 0 8px #D9DADE;}
.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, 39, 43, 0.6);     backdrop-filter: blur(10px);     -webkit-backdrop-filter: blur(10px); }

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



/***********************
******* faq
************************/
.faq-item {    border-bottom: 1px solid #e0e0e0;}
.faq-answer {    max-height: 0;    overflow: hidden;    transition: max-height 0.3s ease-out, padding 0.3s ease-out;}
.arrow {    width: 12px;    height: 12px;    border-left: 2px solid #888;    border-bottom: 2px solid #888;    transform: rotate(-45deg);    transition: transform 0.3s ease-out;}
.faq-item.active .arrow {    transform: rotate(135deg);}
.faq-item.active .faq-answer {    max-height: 200px;}



.online{background:url('/img/contact.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:#10BCB6;opacity: 1; color:#26272B; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);}
.filedset textarea{box-sizing: border-box;}

/* 체크박스 숨기기 */
.checkpolicy input[type="checkbox"] {      display: none;    }
/* 체크박스 스타일 */
.custom-checkbox {      width: 20px;      height: 20px;    padding:0;   border-radius: 4px;      background-color: #fff;      margin-right: 10px;     transition: background-color 0.3s, border 0.3s;      position: relative;    }
/* 체크박스 선택 상태 스타일 */
.checkpolicy input[type="checkbox"]:checked + .custom-checkbox {      background-color: #34DAD2;      border-color: #34DAD2;    }
.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);    }