#content05 .con05wrap{ width: 100%!important; position: relative; left: 0; right: 0; margin: 0 auto; overflow: hidden; box-sizing: border-box;}
#content05 .deco{height: 130px; width: 1560px; position: absolute; left: 0; bottom: 120px; background-color: #6A833B; }

#content05 .textarea{ width: 320px; margin-left: 360px; box-sizing: border-box; float: left;}
#content05  button{ width: 180px; height: 50px; line-height: 44px; font-weight: 600; background-color: #fff; border: 1px solid #c7ceb9; color: #c7ceb9; margin-top: 30px; transition: .3s;font-size: 14px; font-family: 'noto'}
#content05  button:hover{ border: 1px solid #6A833B; background-color: #6A833B; color: #fff;}

#content05  button i{ position: relative; left: 0; transition: .3s;}
#content05  button:hover i{ left: 20px;}

#content05 .sliderarea{ width: 1120px; height: auto; margin-right: 120px; box-sizing: border-box; float: left; }
#content05 .con05-swiper-container{ width: 100%; position: relative; padding-bottom: 50px;}
#content05 .swiper-slide { border-radius: 8px;}
#content05 .swiper-slide .img{ height: 480px; background-size:auto 100%; background-position: center; background-repeat: no-repeat; border-radius: 8px; box-sizing: border-box;  overflow: hidden; transition: .5s;}
#content05 .swiper-slide .img:after{ content: ''; position: absolute; width: 100%; border-radius: 0 0 8px 8px;  height: 15%; bottom: 0;  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); }
#content05 .swiper-slide p{ position: absolute; color: #fff;  padding: 20px; box-sizing: border-box; bottom: 0; z-index: 1; font-size: 18px;}
#content05 .swiper-slide:hover .img{ background-size: auto 105%; }

#content05 .arrow-wrap{ position: absolute; width: 120px; height: 50px; line-height: 50px; text-align: left; left: calc(100% - 140px); bottom: -10px;}

#content05 .swiper-pagination{ text-align: left; height: 50px; line-height: 50px;}
#content05 .con05-next{ background-image: url(../img/main_fac/next-btn.png); right: 0;}
#content05 .con05-prev{ background-image: url(../img/main_fac/prev-btn.png); left: auto; right:30px;}

#content05 .swiper-button-next, #content05 .swiper-button-prev {top: 60%;}

#btm-video .last_img img{

    width: 100%;
	height:100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}



/* =================== 1200px =================== */
@media (max-width: 1200px) {
    #content05 .textarea{ width: 320px; margin-left: 0!important; box-sizing: border-box; float: left;}
}

/* =================== 1024px =================== */
@media (max-width: 1024px) {
    #content05.pad120{ padding: 10.67vw 0 13.33vw;}
    #content05 .con05wrap{ width: 100%; float: none; overflow: hidden; margin-left: 0; padding: 0 15px; }
    #content05 .deco{height: 48vw; width: 100%; position: absolute; left: 0; bottom: 0; background-color: #6A833B; }
    
    #content05 .textarea{ width: 100%; margin-left: 0!important;  text-align: center; padding-bottom: 8vw; float: none;}
    
    #content05 .sliderarea{ width: 100%; height: auto; margin-right: 0!important; }
    #content05 .swiper-slide .img{ height: auto; padding-top: 55%; background-size: cover!important; background-position: center; background-repeat: no-repeat; border-radius: 8px; box-sizing: border-box; overflow: hidden;}
    
    #content05 .arrow-wrap{ position: absolute; width: 100%; height: 8vw; line-height: 8vw; text-align: center; left: 0; bottom: -10px;}
    #content05 .swiper-pagination{ text-align: center; width: 100%; height: 0.53vw; line-height: 0.53vw; }
    
    #content05 .swiper-container{ overflow: visible; padding-bottom: 20vw;}

    #content05 .swiper-pagination-progressbar { background: #c7ceb9; }
    #content05 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #eee;}
    
    #content05 .swiper-slide p{ color: #fff; font-size: 1rem; text-align: center;  left: 0; right: 0; margin: 0 auto; bottom: -50px; z-index: 100;}


    #content05 .swiper-button-next, #content05 .swiper-button-prev { display: none;}


#btm-video .last_img img{

width:100%;
	height:100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}




}




/* ===============================================================
    Bottom Video Section
=============================================================== */
/* .btm-video {padding: 150px 0 0;} */
.btm-video__tit {text-align: center;}
.btm-video__tit h2 {font-size: 36px; font-weight: 300; line-height: 44px; color: #333;}
.btm-video__tit p {font-size: 12px; font-weight: 200; line-height: 24px; letter-spacing: 0.02em; margin: 50px 0 70px; color: #ccc;}
.btm-video__line {display: inline-block; width: 100px; background: #c7ceb9; height: 1px; margin-bottom: 50px;}
.btm-video__area { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; margin:0;}
.btm-video__area iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.lastmovie { pointer-events: none;}
@media (max-width: 820px){
    .btm-video {padding: 60px 0 0 0;}
    .btm-video__tit h2 {font-size: 20px; line-height: 25px; margin-bottom: 30px;}
    .btm-video__tit p {display: none;}
    .btm-video__line {margin-bottom: 30px;}
}