@charset "utf-8";

/* 메인 페이지 Service 영역 @@@@@@@@@@@@@@@@@@@@@@ */
.index-service .service-list {padding: 40px 0 10px; overflow: visible;}
.index-service .service-list .swiper {padding: 10px 0;}
.index-service .service-list .swiper-slide{width:320px;cursor: pointer; opacity:55%;padding:20px;color:#000;box-shadow:0 5px 3px #00000015;border:1px solid #747474;overflow:hidden; background: #fff;}
.index-service .service-list .swiper-slide {font-family:"mr-eaves-modern","NanumSquare", sans-serif;}
.index-service .service-list .swiper-slide.swiper-slide-active {opacity:100%;color:#000;border:3px solid #ffa564;background:#fff;overflow:hidden;}
.index-service .service-list .swiper-slide.swiper-slide-active .subTit {color: #e06913;}
.index-service .service-list .swiper-slide p.subTit{font-weight:700;font-size:20px;letter-spacing: -0.5px; padding-bottom:5px;}
.index-service .service-list .swiper-slide > .txt{font-size:15px;letter-spacing:-0.5px;line-height:1.5;word-break:keep-all;overflow:hidden;margin:0 0 0 20px;}
.index-service .service-list .swiper-slide > .txt p{display: flex; color: #656983;}

.index-service .service-list .go-stop_box {display:flex;gap:5px; position:absolute;top:0; right: 150px;height:30px;}
.index-service .service-list .go-stop_box .swiper-button-start {padding: 8px; border: none; cursor: pointer;  border-radius: 50%;text-align: center; background: #f2f2f2; color: #777; }
.index-service .service-list .go-stop_box .swiper-button-start img {height: 100%;}
.index-service .service-list .go-stop_box .swiper-button-pause {padding: 8px; border: none; cursor: pointer; border-radius: 50%;text-align: center; background: #f2f2f2; color: #777;}
.index-service .service-list .go-stop_box .swiper-button-pause img{height: 100%;}

/* 페이지 표시 */
.index-service .service-list .swiper-pagination-fraction{display:flex; top: 0; left:calc(100% - 140px); width:130px;height:30px;padding:5px 8px;border-radius:5px;box-shadow:0 0 8px #ddd;align-items:center;justify-content:space-evenly;}
.index-service .service-list .swiper-pagination-current{color:#e06913;margin:0; font-family: "Noto Sans KR", sans-serif; font-weight:bold;font-size:16px;}
.index-service .service-list .swiper-pagination-total{color:#000; margin:0; font-family: "Noto Sans KR", sans-serif; font-weight:bold;font-size:16px;}

/* swiper-button */
.index-service .service-list .swiper-button-prev{left:20px;border-radius:50%;z-index: 9999;}
.index-service .service-list .swiper-button-prev:after{font-size:20px;font-weight:bold;border-radius:50%;padding:15px 20px;color:#555;background:#00000015;}
.index-service .service-list .swiper-button-next{right:20px;border-radius:50%;z-index: 9999;}
.index-service .service-list .swiper-button-next:after{font-size:20px;font-weight:bold;border-radius:50%;padding:15px 20px;color:#555;background:#00000015;}

/* 양옆 그라데이션 */
.index-service .service-list .side_gradient.left{position:absolute;background:linear-gradient(to right, #f2f2f2 0px, #ffffff20 20px);width:40px;z-index:3;top:0;bottom:0;left:0;}
.index-service .service-list .side_gradient.right{position:absolute;background:linear-gradient(to left, #f2f2f2 0px, #ffffff20 20px);width:40px;z-index:3;top:0;bottom:0;right:0;}

/* 슬라이드 영역 별 세부 내용 화면 */
.index-service .service-details {padding:0;}
.index-service .service-details .swiper .swiper-slide {border-top:1px solid #ddd;}
.index-service .service-details .swiper .swiper-slide p{font-family:"mr-eaves-modern","NanumSquare", sans-serif;}
.index-service .service-details .swiper .swiper-slide p.subTit{font-weight:bold;font-size:18px;}

/* swiper-stop and start buttons */
.index-service .service-list .start_filter {filter: brightness(.3);}
.index-service .service-list .button_on {filter: brightness(.3);}
/* 메인 페이지 Service 영역 끝 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/