@charset "utf-8";
/********** 공통사항 **********/
.btnStyleNone {background:none; border:none; cursor:pointer;}
.cntLine {border: 1px solid transparent; border-image: linear-gradient(180deg, #AC7A3E 0%, #FFCD91 50%, #AC7A3E 100%); border-image-slice:1;}
/********** //공통사항 **********/

/********** header.php **********/
header {border-bottom:1px solid #FFFFFF; background-color: transparent; transition: background-color 0.3s ease, box-shadow 0.3s ease;} 
header.is-scrolled {background-color: #ffffff;}

/** fixBtns **/
.quick-buttons {bottom: 4%;right: 2%;}
.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);}
/********** //header.php **********/

/********** index.php **********/
/** mainBanner **/
.mainBanner {position: relative; overflow: hidden;}
.mainBanner .swiper,
.mainBanner .swiper-slide {height: 100%;}
.swiper-pagination-bullet-active {background:#FFF !important;}
.swiper-pagination-bullet {border:2px solid #FFF !important;}
.mainBanner-001 { background:url('../img/mainBanner-001.jpg') center/cover no-repeat; }
.mainBanner-002 { background:url('../img/mainBanner-002.jpg') center/cover no-repeat; }
.mainBanner-003 { background:url('../img/mainBanner-003.jpg') center/cover no-repeat; }
.mainBannerTxt {text-shadow:2px 2px 4px rgba(0, 0, 0, 0.50);}

/** about **/
.aboutBg1 {top:0;}
.aboutBg2 {bottom:0; right:0;}

/** service **/
.serviceBg1 {top:0;}
.serviceBg2 {bottom:0; right:0;}
.serviceNumLine {border:2px solid #26272B;}
.servicetxtLine {text-decoration: line-through;}
.serviceGrid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));}
.serviceGrid .serviceCntLine{width: 100%;}
.serviceShadow {box-shadow:2px 2px 8px #EEEEF0;}

/** case **/
.caseSlider { display: none; }
.caseSlider.is-active { display: block; }
.caseSwiper .swiper-slide img{width: 100%; height: auto; display: block;}
.caseSwiper{overflow: hidden;}

/** benefit **/
.benefitcntLine {border: 2px solid transparent; border-image: linear-gradient(180deg, #AC7A3E 0%, #FFCD91 50%, #AC7A3E 100%); border-image-slice:1;}
.benefit {background:url('../img/benefitBg.jpg') center/cover no-repeat;}
.benefitGrid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));}
.benefitGrid .cntLine{width: 100%;}
.benefitSadow {box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25); box-shadow: inset 2px 2px 8px rgba(0, 0, 0, 0.25);}

/** gallery **/
.galleryGrid{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));}
.galleryGrid img{width: 100%; height: auto; display: block;}
.galleryGrid img.is-hidden{display: none;}
.galleryBnt {box-shadow:0 0 8px #B8BAC1;}

/** contact **/
.contact {background:url('../img/contactBg.jpg') center/cover no-repeat;}
.contactTxt {text-shadow:2px 2px 4px rgba(0, 0, 0, 0.50);}
.contactBnt {box-shadow:0 0 8px #B8BAC1;}
/********** //index.php **********/