/* header */
header{  background-color: rgba(255,255,255,1); }
header .logo img:nth-child(2){ display: none}
header img.p-open-active{ display: block;}
header .menu span{ background-color: #666; }
.panel{ background-color: rgba(255,255,255,1); }
.panel .sns ul li i{ color: #666; }



/* content */
#s-con01{ padding-top: 80px; padding-bottom: 120px;}

#s-con01 .topslider-wrap{padding-bottom: 80px;}

#s-con01 .topslider-wrap .img{ padding-top: 56.25%;}
#s-con01 .wrap720{ max-width: 720px;}

#s-con02{background-image: none; padding: 80px 0 120px; background-color: #eee;}
#s-con02 .deco{position: absolute; top: 0; left: 0; height: 145px; width: 100%; background-color: #6A833B; }
#s-con02 .fac-tit h3{ color: #fff; position: relative; z-index: 1; text-align: center; padding-bottom: 60px; line-height: 38px;font-size:30px;}
#s-con02 .fac-tit {  padding-bottom: 0; }
#s-con02 .fac-tit h3 span{ color: #fff; position: relative; z-index: 1; text-align: center; padding-bottom: 60px; line-height: 38px; font-size:50px;}

#s-con02 .btslider-wrap .img{ padding-top: 52.25%; position: relative; border-radius: 8px; overflow: hidden; }
#s-con02 .btslider-wrap .img:hover{ background-size: 105% 105%; }
#s-con02 .btslider-wrap .img:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); z-index: 1; }
#s-con02 .btslider-wrap p{ font-weight: 500; color: #fff; position: absolute; bottom: 10px; left: 10px; z-index: 2;}

#s-con02 .btslider-wrap .arrow-wrap{ position: relative; width: 120px; height: 30px; bottom: -10px; left: calc(100% - 120px); text-align: left;}
#s-con02 .btslider-wrap .facbt-arrow-pag{ text-align: left; }
#s-con02 .btslider-wrap .facbt-next{ background-image: url(../img/service/next-btn.png); right: 0; top: 27px}
#s-con02 .btslider-wrap .facbt-prev{ background-image: url(../img/service/prev-btn.png); left: calc(100% - 55px); top: 27px}

/* =================== 1024px =================== */
@media (max-width: 1024px) {
    #s-con01{ padding-top: 10.67vw; padding-bottom: 16vw;}
    
    #s-con01 .topslider-wrap{padding-bottom: 13.33vw;}
    
  
    
    #s-con02{padding: 10.67vw 0 16vw;}
    #s-con02 .wrap{ padding: 0; padding-bottom: 8vw;}
    
    #s-con02 .deco{ height: 26vw;}
    #s-con02 .fac-tit h3{ line-height: 10.13vw; padding-bottom: 9.33vw;}
    
    
    #s-con02 .facbt-swiper-container{overflow: visible; padding-bottom: 30px;}
    
    #s-con02 .btslider-wrap .arrow-wrap{ position: absolute; width: 100%; height: calc(100% - 8vw); bottom: auto; top: 10.67vw; left: 4vw; text-align: center; padding-bottom: 5.33vw;}
    #s-con02 .btslider-wrap .facbt-arrow-pag{ width: calc(100% - 8vw); height: 2px; bottom: 0; text-align: center; }
    #s-con02 .btslider-wrap .swiper-pagination-progressbar{ background: #c7ceb9; }
    #s-con02 .btslider-wrap .swiper-pagination-progressbar-fill{ background: #6A833B; }
    
    #s-con02 .btslider-wrap .swiper-slide{ width: 88%}
    #s-con02 .btslider-wrap .facbt-next, #s-con02 .btslider-wrap .facbt-prev{ display: none; }

    
    #s-con02 .btslider-wrap p{ font-weight: 600; color: #fff; position: absolute; bottom: -30px; left: 0; right: 0; margin: 0 auto; z-index: 2; text-align: center; color: #666;}

}