@charset "utf-8";


/********************
** btnstyle
********************/

.contactMoveBtnC{background: linear-gradient(90deg, #20A8FF, #006EDF); width: max-content;}
.contactMoveBtnW{border: solid 2px #f7f8f8; width: max-content;}

/********************
** mainbanner
********************/
.mainbnimg{width: 100%; height: 100dvh; background: url('/img/MainBannerImg.jpg'); background-size : cover; background-repeat: no-repeat;}
.mainbnCover{right: 0; bottom: 0;}

/********************
** how
********************/
.how{background: url('/img/HowBackground.jpg'); background-size: cover; background-repeat: no-repeat;}
.howList{display:grid;  grid-template-columns: repeat(2, 1fr);}
.howList > div{background: rgba(76, 78, 88, 0.6); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}

/********************
** information
********************/
.inforbn{background: linear-gradient(90deg,#006EDF,#20A8FF);}

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

/********************
** serviceCategory
********************/
.serviceCategorywrapper{transition-timing-function: linear !important;}
.serviceCgPoint{background: linear-gradient(90deg, #20A8FF, #006EDF); width: max-content;}

.serviceCglist > div{position: absolute; bottom: 40px; left: 40px;}
.serviceCglist::before{content: ""; opacity: 0.5; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: #000; border-radius: 20px;}
/** 서비스카테고리 리스트 배경이미지 **/
.serviceCglist1{background: url('/img/what01.jpg'); background-size: cover; background-repeat: no-repeat;}
.serviceCglist2{background: url('/img/what02.jpg'); background-size: cover; background-repeat: no-repeat;}
.serviceCglist3{background: url('/img/what03.jpg'); background-size: cover; background-repeat: no-repeat;}
.serviceCglist4{background: url('/img/what04.jpg'); background-size: cover; background-repeat: no-repeat;}
.serviceCglist5{background: url('/img/what05.jpg'); background-size: cover; background-repeat: no-repeat;}
.serviceCglist6{background: url('/img/what06.jpg'); background-size: cover; background-repeat: no-repeat;}
.serviceCglist7{background: url('/img/what07.jpg'); background-size: cover; background-repeat: no-repeat;}
.serviceCglist8{background: url('/img/what08.jpg'); background-size: cover; background-repeat: no-repeat;}
.serviceCglist9{background: url('/img/what09.jpg'); background-size: cover; background-repeat: no-repeat;}
.serviceCglist10{background: url('/img/what010.jpg'); background-size: cover; background-repeat: no-repeat;}

/********************
** Subsidy
********************/
.subsidy{background: url('/img/SubsidyBackground.jpg'); background-size: cover; background-repeat: no-repeat; overflow: hidden;}

.subsidySwiper{overflow: hidden;}
.subsidySwiperList > div{width: auto; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.16);}
.subsidySwiperBtn > div{position: inherit; background: rgba(76, 78, 88, 0.6); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
.subsidySwiperBtn > div:after{letter-spacing: inherit;}

/********************
** FAQ
********************/
.faq{margin-bottom: 0 !important;}
.faq-item{border-top: 1px solid #d9dade;}
.faq-item:last-child{border-bottom: 1px solid #d9dade;}

.arrow {width: 12px; height: 12px; border-left: 2px solid #26272b; border-bottom: 2px solid #26272b; transform: rotate(-45deg); transition: transform 0.3s ease-out;}
.faq-item.active .arrow {transform: rotate(135deg);}

.faq-answer{height: 0; overflow: hidden; transition: height 0.3s ease;}

/********************
** Contact
********************/
.inputBox{ padding: 24px; border: 1px solid #b8bac1; border-radius: 4px;}
.inputBox:placeholder-shown{color: #91949f; line-height: 1em;}

.adress_search{width: max-content; padding: 24px 32px;}

.fileBox{background: #fff; border: 1px dashed #b8bac1; border-radius: 4px;}


.custom-checkbox{width: 20px; height: 20px; padding: 0; border: 1px solid #26272b; border-radius: 4px; background-color: #fff; margin-right: 10px; transition: background-color 0.3s, border 0.3s; position: relative;}
.checkpolicy input[type="checkbox"] {display: none;}
.checkpolicy input[type="checkbox"]:checked + .custom-checkbox{background-color: #006EDF; border-color: #006EDF;}
.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);}

.moreBtn{text-decoration: underline;}

.onlineBtn{background: linear-gradient(90deg, #20A8FF, #006EDF); cursor: pointer;}