/* 샐 공통 */
.forFooterBack{position: relative;}
.forFooterBack:after{position: absolute; top:0; left:0; width:100%; height:130%; background-color: #f4f4f4; display: block; content: ''; z-index: -1;}
.imgAuto{display: block; margin: auto;}



/* 샐 슬라이드 기본 */

.swiper-container.swiper-sal {
    margin-left: auto; margin-right: auto;
    position: relative; z-index: 1; overflow: hidden; list-style: none;
    padding: 0;  /* Fix of Webkit flickering */
    width: 100%; height: auto;
}

    .swiper-sal .swiper-wrapper {
        position: relative; z-index: 1;
        width: 100%; height: 100%;
        display: flex;
        transition-property: transform;
        box-sizing: content-box;
    }
        .swiper-sal .swiper-slide {
            flex-shrink: 0;
            width: 100%; height: 100%;
            position: relative;
            transition-property: transform;
            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            /* background-size: cover; background-position: center; */
        }

        .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after,
        .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{display:none;}
        

/* 장비소개 */
.galleryTop, .galleryThumbs{max-width: 1380px; margin: auto;}
.galleryTop {margin-bottom:30px;}
.galleryTop .swiper-button-next, .galleryTop .swiper-button-prev{width:34px;height:100%;}
.galleryTop .swiper-button-prev {
    background: url('/img/common/arw_left.png') no-repeat center !important;
    position: absolute; left: 0; top:0; cursor:pointer;
}
.galleryTop .swiper-button-next {
    background: url('/img/common/arw_right.png') no-repeat center !important;
    position: absolute; right: 0; top:0; cursor:pointer;
}

    .galleryTop .tabBox{width:calc(100% - 16.6%);}
        .galleryTop .tabBox .box{gap:7.9vw;}
            .galleryTop .tabBox .box .imgBox{display: flex; align-items: center; margin-right:0; max-width:394px; height:473px;}
                .galleryTop .tabBox .box .imgBox img{width:100%; height:100%; object-fit:contain;}
            
            .galleryTop .tabBox .box .textCircle {text-align: center;}
            .galleryTop .tabBox .box .textCircle dl{left:0; width:100%;}
            .galleryTop .textCircle .tit01 {font-size:36px;}
            .galleryTop .textCircle .txt01{font-size: 24px; letter-spacing: -1.2px; font-weight:300;}

.thumbItemWrap{display: flex; flex-wrap: wrap;}
    .thumbItem{
        position: relative;  box-sizing:border-box; overflow: hidden; width:230px !important; height: 230px; max-height:230px; border-radius: 50%; border: 2px solid #999;
        display: flex; justify-content: center; align-items: center;
    }
    .thumbItem:after{content:''; display:block; width:100%; height:65px; background: linear-gradient(360deg, #fff, transparent); position: absolute; left:0; bottom:0;}
        /* .thumbItem img{width: 110%; height: auto; object-fit: cover;} */
        .thumbItem img{width: 120%; height: auto; object-fit: cover;}
        .thumbItem .thumbItem__name{cursor: pointer; transition: opacity 100ms ease-in; opacity: 0; position: absolute; z-index: 1; background: #00a1ba; color: #fff; font-weight: bold; font-size: 25px; width: 100%; height: 100%;top: 0; left: 0;display: flex; align-items: center; justify-content: center;}
        .thumbItem:hover .thumbItem__name{opacity:1; }

        .galleryTop__thumWrap{display: flex; gap:10px;}
        .galleryTop__thumWrap .item{flex:1; position: relative; border: 1px solid #eee; border-radius: 6px; height:146px; background:#fff;}
        .galleryTop__thumWrap .item:after{display: block; background:#666; opacity: .5; content: ''; width:100%; height:100%; position: absolute; top:0; left:0;}
        .galleryTop__thumWrap .item--active:after{display: none;}
            .galleryTop__thumWrap .item img{width: 100%; height: 100%; object-fit: contain;}

@media screen and (max-width:1200px) {
    .galleryTop .tabBox .box{flex-wrap: wrap;}
}


/* 정밀검사 프로그램 */
.sub .inspectProgramList > .inner{width: 1514px; padding: 65px 0;}
.inspectProgramList > ul{box-sizing:border-box; display:grid; grid-template-columns:repeat(6, 1fr); grid-auto-rows:minmax(70px, auto);}

  .inspectProgramList > ul > li{padding:0 15px; display:flex; align-items:center; font-size:20px; border-bottom:1px solid #cccccc; position:relative; letter-spacing:-1px; text-align: left;}
.inspectProgramList > ul > li:before{display:block; content:''; width:1px; height:24px; background:#ccc; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.inspectProgramList > ul > li:nth-child(6n+1):before{display:none;}

  .inspectProgramList > ul > li:last-child{grid-column:3/7; color:#7c6546;}  
.inspectProgramList > ul > li:last-child .num{background:#fff; color:#bfa27b; border:3px solid #bfa27b; box-sizing:border-box; line-height:23px;}

    .inspectProgramList > ul > li .num{margin-right:15px; color:#fff; background:#bfa27b; min-width:30px; height:30px; line-height:28px; text-align:center; border-radius:50%; display:block; font-size:16px; font-weight:bold;}

@media screen and (max-width:1580px) {
    .sub .inspectProgramList > .inner {width:96%;}
}

/* 안내렌즈삽입술 */
.inspectProgramAuthenDoctor{display: flex; align-items: center; justify-content: center;}
    .inspectProgramAuthenDoctor .tit{font-size: 40px; line-height: 1.2; letter-spacing: -2.5px;}
    .inspectProgramAuthenDoctor .big{font-size: 50px;}
    .inspectProgramAuthenDoctor .des{font-size: 30px; font-weight: 300; letter-spacing: -1.5px; margin-top: 57px; line-height: 1.2;}