/* common */
.top-head-title-xl{font-size: 20px;font-weight: 700;line-height: 130%;letter-spacing: -0.8px;}
.top-head-title-l{font-size: 18px;margin-bottom:24px;font-weight: 700;line-height: 140%;letter-spacing: -0.36px;}
.top-head-text-xl{margin-top:6px;font-size: 14px;letter-spacing: -0.28px;line-height: 21px;}

/* main select custom */
/* .bl-custom-select {position: relative;width: 100%;height: 50px;font-size: 16px;color:#687286;}
.bl-custom-select .select-btn {width: 100%;padding: 12px 20px;;border: 1px solid #70B8FF;color:#687286;border-radius: 50px;background: #fff;text-align: left;cursor: pointer;position: relative;}
.bl-custom-select .select-btn .icon-main-select-arr {position: absolute;right: 20px;top: 50%;width: 18px;height: 18px;transform: translateY(-50%);}
.bl-custom-select.active .select-btn .icon-main-select-arr{transform: translateY(-50%) rotate(180deg);} 
.bl-custom-select .select-options {position: absolute;top: calc(100% + 10px);left: 50%;transform: translateX(-50%);pointer-events: none;width:calc(100% - 30px);visibility: hidden;padding:8px;background: #fff;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.16);border-radius: 6px;max-height: 0;opacity: 0;overflow: hidden;transition: max-height 0.25s ease, opacity 0.25s ease;z-index: 10;}
.bl-custom-select.active .select-options {max-height: 267px;opacity: 1;overflow-y: auto;visibility: visible;pointer-events: auto;}
.bl-custom-select .select-options li {position: relative;padding: 10px 12px;cursor: pointer;transition: background 0.2s ease;border-radius:4px;color: #35425C;font-size:16px;line-height:150%;}
.bl-custom-select .select-options li:hover {background: rgba(235, 246, 255, 0.70);} */

.btn-main-estimate{display:flex;align-items: center;justify-content: space-between;padding: 8px 10px 8px 16px;margin:0 auto;width:100%;border-radius: 50px;border: 1px solid #70B8FF;}
.btn-main-estimate:active .icon-main-top-arr{opacity:.7;}
.btn-main-estimate p{display: flex;align-items: center;gap: 4px;font-size: 16px;font-weight: 500;letter-spacing: -0.32px;color:#353849;}

/* main common */
.main-con section{margin-bottom:60px;}
/* #wrap.main{overflow-x:hidden;}
#wrap.main header{position:fixed;left:50%;transform:translateX(-50%);max-width:640px;} */

/* 고객리뷰 common */
.review-list{display:flex;flex-wrap:wrap;column-gap:48px;row-gap:16px;align-items: flex-start;}
.review-list li {width: 100%;}
.review-list li a{display: flex;gap: 20px;align-items: flex-start;}
.review-list .text-box{width: calc(100% - 120px);transition:opacity .3s;}
.review-list .text-box .badge{margin-bottom:6px;}
.review-list .text-box .title{margin-bottom: 1px;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;font-weight:500;letter-spacing: -0.3px;}
.review-list a:active .text-box{opacity:.7;}
/* .review-list a:active .text-box .title{color:#0077FF;} */
.review-list .text-box .text.ellipsis-1{margin-bottom: 8px;white-space: nowrap;overflow:hidden;line-height: 21px;color:#616678;text-overflow: ellipsis;font-size: 14px;letter-spacing: -0.28px;}
.review-list .text-box .text.ellipsis-2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 42px;margin-bottom: 6px;color:#5A6275;overflow: hidden;line-height: 150%;font-size: 13px;letter-spacing: -0.26px;}
/* .review-list a:active .text-box .text{color:#0077FF;} */
.review-list .text-box .info{display: block;width: 100%;color:#687286;font-size: 12px;line-height: 120%;}
/* .review-list a:active .text-box .info{color:#0077FF;} */
.review-list .img{display: flex;flex-direction: column;align-items: flex-start;width:100px;height:90px;overflow:hidden;border-radius:8px;}
.review-list .img img{width: 100%;height: 100%;object-fit: cover;transition:transform .3s;}
.review-list a:active .img img{transform:scale(1.12);}



/* faq common*/
.faq-sec .faq-box{position:relative;}
.faq-sec .faq-box .btn-more{position:absolute;top:5.5px;right:0;color:#616678;font-size:12px;line-height: 120%; }
.faq-sec .faq-box ul{display:flex;flex-direction:column;gap:20px;}
.faq-sec .faq-box a{display:flex;align-items:center;justify-content:space-between;transition:color .3s;}
.faq-sec .faq-box p{font-size:16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: 88%;line-height: 150%;letter-spacing: -0.32px;}
.faq-sec .faq-box a:active{color:#0077FF;}

/* 메인 live 수직 롤링 */
.main-live-box {margin:12px auto 0;display: flex;justify-content: center;gap:12px;height:23px;}
.main-live-box .live-title{display:flex;align-items:center;font-size: 12px;color:#687286;}
.main-live-box .live-title strong{display:flex;align-items:center;gap:4px;font-weight: 700;}
.main-live-box .live-title span{font-weight: 600;}
.main-live-box .swiper{width:auto;margin:0 !important;}
.main-live-box .swiper-slide{display: flex;align-items: center;font-size:12px;color:#687286;}
.main-live-box .swiper-slide a{display:flex;align-items:center;gap:8px;width:100%;padding: 0 20px 0 0;font-size:12px;line-height:14.4px;color:#687286;}

/* quick-box */
.quick-box{display: flex;flex-wrap: wrap;row-gap: 28px;justify-content:space-between;position: relative;}
.quick-box li{width: calc(100% / 5);}
.quick-box li a{display:flex;flex-direction:column;gap:8px;align-items: center;/* padding:0 6px; */text-align: center;color:#5A6275;font-size:12px;line-height:14.4px;}
.quick-box li .img{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background-color:#F6F7F8;border-radius:16px;transition:transform .15s;}
.quick-box li .label{position: absolute;top: -8px;padding: 2px 8px;color: #FF5B55;font-size: 10px;font-weight: 500;letter-spacing: 0;line-height: 100%;border: 1px solid #FF5B55;border-radius: 50px;background: #fff;transition:transform .15s;z-index:1;}
.quick-box li a:active .img, .quick-box li:active .label{transform:translateY(-8px);}

/* main top */
.main-top {padding-top:40px;}
.main-top .main-top-title{display: flex;justify-content: center;margin-bottom:28px;text-align: center;font-size: 26px;font-weight: 700;line-height: 130%;letter-spacing:-0.78px;}
.main-top .main-select-top{display: flex;justify-content: center;gap:8px;}
.main-top .main-select-top .btn-primary{display: flex;height: 50px;padding: 12px 16px;align-items: center;gap: 4px;color: #FFF;font-weight: 500;letter-spacing: -0.32px;border-radius: 50px;}

/* 메인 퀵메뉴 */
.main-con .quick-sec{padding:40px 0 0;}

/* 메인 sec-02 */
.main-con .sec-02 .ban-swiper {margin-bottom:60px;width:100%;position:relative;}
.main-con .sec-02 .ban-swiper .swiper{}
.main-con .sec-02 .ban-swiper .swiper img{width: 100%;height: 100%;object-fit: cover;}
.main-con .sec-02 .ban-swiper .swiper-slide{border-radius:16px;overflow:hidden;}
.main-con .sec-02 .certi-col{display:flex;flex-direction:column;gap:32px;}
.main-con .sec-02 .certi-col li > a{display:flex;justify-content:space-between;align-items:center;}
.main-con .sec-02 .certi-col .lf{display:flex;align-items: center;gap:16px;}
.main-con .sec-02 .certi-col .text{display:flex;flex-direction:column;line-height:120%;}
.main-con .sec-02 .certi-col .text em{display:inline-block;margin-bottom:8px;color:#687286;font-size:12px;}
.main-con .sec-02 .certi-col .text strong{color:#353849;font-size:15px;font-weight:500;letter-spacing: -0.3px;}
.main-con .sec-02 .certi-col .text span{display:inline-block;margin-top:4px;color:rgba(104, 114, 134, 0.7);font-size:11px;}
.main-con .sec-02 .certi-col a:active em{color:#0077FF;}
.main-con .sec-02 .certi-col a:active strong{color:#0077FF;}
.main-con .sec-02 .certi-col a:active span{color:#0077FF;}


/* 메인 review */
.review-swiper-main{position:relative;overflow: visible;margin-bottom:32px;}
.review-swiper-main .swiper-slide{width:280px !important}
.review-swiper-main .img{display: flex;width: 100%;height: 176px;overflow:hidden;flex-direction: column;align-items: flex-start;margin-bottom:10px;position:relative;border-radius:8px;overflow:hidden;}
.review-swiper-main .img img{transition:transform .3s; width: 100%;height: 100%;object-fit: cover; display: block; transition:transform .3s;}
.review-swiper-main a:active .img img{transform:scale(1.12);}
.review-swiper-main .review-badge{position:absolute;z-index: 9;top:12px;left:12px;}
.review-swiper-main .text-box .title{margin-bottom:4px;color:#353841;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size:16px;line-height:120%;font-weight:500;letter-spacing: -0.32px;}
.review-swiper-main .text-box .info{color:#8C92A4;font-size:12px;line-height: 120%; }
.review-swiper-main a:active .title{color:#0077FF;}
.review-swiper-main a:active .info{color:#0077FF;}


/* 메인 암행현장점검  */
.main-con .check-swiper{overflow: visible;position:relative;}
.main-con .check-swiper .swiper-slide{width:260px !important;}
.main-con .check-swiper a{position: relative;z-index: 1;display: flex;width: 100%;height:338px;overflow: hidden;border-radius: 10px;}
.main-con .check-swiper a::before{display:block;position:absolute;z-index: 2;width:100%;height:100%;background: linear-gradient(180deg, rgba(37, 37, 37, 0.00) 22.63%, rgba(37, 37, 37, 0.50) 45.26%, rgba(37, 37, 37, 0.80) 90.53%);background-blend-mode: multiply;content:'';}
.main-con .check-swiper a img{transition:transform .3s;z-index: 1; -o-object-fit:cover;object-fit: cover;}
.main-con .check-swiper a:active img{transform:scale(1.12);}
.main-con .check-swiper a .text{position: absolute;z-index: 3;display: flex;padding: 28px 24px;width: 100%;height: 100%;;flex-direction: column;justify-content: flex-end;align-items: flex-start;color: #fff;gap: 4px;}
.main-con .check-swiper a .text .num{font-size: 14px;font-weight: 500;line-height: 130%;letter-spacing: -0.28px;}
.main-con .check-swiper a .text .title{font-size: 18px;font-weight: 700;line-height: 130%;letter-spacing: -0.36px;margin-bottom: 4px;}
.main-con .check-swiper a .text .date{color:#AAAFBC;font-size: 12px;font-weight: 500;line-height: 130%;letter-spacing: -0.24px;}


/* 이벤트 */
.main-con .sec-05 .event-swiper{overflow: visible;position:relative;}
.main-con .sec-05 .event-swiper .swiper-slide{width:310px !important;}
.main-con .sec-05 .event-swiper .swiper-slide img{border-radius:6px;}
.main-con .sec-05 .btn-more{position:absolute;top:5.5px;right:0;color:#616678;font-size:12px;line-height: 120%; }



/* 메인 고객센터 */
.main-con .contact-box{display:flex;padding:24px 16px;border:1px solid #C3C6CE;border-radius: 10.496px;}
.main-con .contact-box a{display: flex;flex-direction: column;align-items: center;justify-content: center;flex:1;gap: 8px;padding-right: 12px;margin-right: 12px;color:#353841;line-height: 120%;font-size:12px;border-right:1px solid #C3C6CE;}
.main-con .contact-box a:last-child{border-right:0;padding-right: 0;margin-right: 0;}
.main-con .contact-box a i{transition:opacity .3s;}
.main-con .contact-box a:active i{opacity:0.7;}