@charset "utf-8";


#main .sec1_slider .swiper-slide.img1{background: url(../img/sub1/image1.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img2{background: url(../img/sub1/image2.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img3{background: url(../img/sub1/image3.jpg)no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img4{background: url(../img/sub1/image4.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img5{background: url(../img/sub1/image5.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img6{background: url(../img/sub1/image6.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img6{background: url(../img/sub1/image7.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img6{background: url(../img/sub1/image8.jpg) no-repeat; background-size: cover; background-position: center;}


/*contents*/
#about{overflow:hidden;width:1400px;margin:150px auto;}
#about .title{margin-bottom:80px;text-align:center;}
#about .title>h2{font-size:70px;}
#about .title>p{font-family: 'Mulish';}
.about-img{background-size:cover;background-position:center center;}
#about > .about-img{width:100%;height:500px;background-image:url(../img/sub1/image3.jpg);}
.about-txt{margin:80px 0;}
.about-txt>p{font-size:15px;line-height:25px;font-weight:400;color:#707070;text-align:center;}
.about-txt>p>span{display:block;}
.about-bt{display:flex;overflow:hidden;width:100%;height:750px;justify-content:space-between;}
.about-bt-l{width:49.5%;height:100%;}
.about-bt-l .about-img{width:100%;height:100%;background-image:url(../img/sub1/image8.jpg);background-position:center 20%;}
.about-bt-r{display:flex;width:49.5%;height:100%;flex-direction:column;justify-content:space-between;}
.about-bt-r .about-img{width:100%;height:49%;}
.about-bt-r .about-img:nth-child(1){background-image:url(../img/sub1/image4.jpg);}
.about-bt-r .about-img:nth-child(2){background-image:url(../img/sub1/image1.jpg);}

/*other contents*/
#others{overflow:hidden;width:100%;}
.others-in{width:1400px;margin:0 auto;padding:100px 0;}
#others .title{margin-bottom:80px;text-align:center;}
#others .title>h2{font-size:60px;}
#others .title>p{line-height:24px;}
.btn-more{display:block;position:relative;width:80px;margin-top:30px;font-size:14px;text-align:left;font-family: 'Mulish';font-weight:400;color:#707070;}
.btn-more::after{content:'';display:block;position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:100%;height:2px;background-color:#D4D4D4;}
.btn-more:hover{font-weight:500;}
.others-con{display:flex;width:100%;justify-content:space-between;}
.others-conbx{display:flex;width:430px;height:650px;flex-direction:column;justify-content:space-between;}
.others-conbx:nth-child(2){flex-direction:column-reverse;}
.others-img{overflow:hidden;width:100%;height:60%;}
.others-img .bg{width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;transition:.8s;}
.others-conbx:nth-child(1) .others-img .bg{background-image:url(http://alpinep.cdn1.cafe24.com/sub2/1/image1.jpg);}
.others-conbx:nth-child(2) .others-img .bg{background-image:url(../img/sub3/1/image2.jpg);}
.others-conbx:nth-child(3) .others-img .bg{background-image:url(../img/sub4/image1.jpg);}
.others-txt{display:flex;position:relative;width:100%;padding:40px 30px;border:1px solid #5c553b;justify-content: space-between;background: #f4f2ef;}
.others-txt-index>p{display:block;font-family: 'Mulish';font-size:14px;font-weight:400;color:#5c553b;text-align:center;letter-spacing:2px;}
.others-txt-con>h4{position:relative;margin-bottom:20px;font-family: 'Cormorant', serif;font-size:30px;}
.others-txt-con>p{font-size:14px;font-weight:400;color:#8E8E8E;line-height:26px;}
.others-txt-con>p>span{display:block;}
.others-img .bg.active{transform:scale(1.1);transition:.8s;}
.others-conbx:nth-child(2n+1) .others-txt::before{content:'';display:block;position:absolute;top:-50px;left:50%;z-index:-1;transform:translateX(-50%);width:0px;height:50px;border:1px dashed #5c553b;}
.others-conbx:nth-child(2n) .others-txt::after{content:'';display:block;position:absolute;bottom:-50px;left:50%;z-index:-1;transform:translateX(-50%);width:0px;height:50px;border:1px dashed #5c553b;}

#banner2{background:none;}

@media screen and (min-width:1px) and (max-width:1400px){

    #about{width:100%;padding:0 20px;}
    .others-in{width:100%;padding:100px 20px;}
    .others-conbx{width:32.5%;}
    
  }
  
  
  @media screen and (min-width:1px) and (max-width:1024px){
  
    #about .title>h2{font-size:60px;line-height:70px;}
    #about > .about-img{height:400px;}

    .btn-more{font-size:17px;}
    #others .title>h2{font-size:60px;line-height:70px;}
    .others-con{flex-direction:column;}
    .others-conbx{width:100%;height:300px !important;flex-direction:row;height:auto;margin-bottom:50px;border:1px solid #5c553b;}
    .others-conbx:nth-child(2){flex-direction:row-reverse;}
    .others-conbx:nth-child(2n+1) .others-txt::before{display:none;}
    .others-conbx:nth-child(2n) .others-txt::after{display:none;}
    .others-img{height:100%;}
    .others-txt{height:100%;flex-direction:column-reverse;justify-content:center;align-items:center;border:none;}
    .others-txt-index{margin-bottom:30px;}
    .others-txt-index>p{font-size:10px;text-align:center;}
    .others-txt-con{text-align:center;}
    .others-txt-con>h4{margin-bottom:10px;font-size:25px;font-weight:600;}
    .others-txt-con>p{font-size:12px;line-height:22px;}
    .others-txt-con .btn-more{margin:20px auto;text-align:center;font-size:12px;}
  
  
  }
  
  @media screen and (min-width:1px) and (max-width:780px){
  
    #about{margin:100px auto;}
    #about .title{margin-bottom:50px;}
    #about .title>h2{font-size:35px;line-height:45px;}
    #about .title>p{font-size:11px;}
    #about > .about-img{height:300px;}
    .about-txt{margin:60px 0;}
    .about-txt>p{font-size:13px;line-height:23px;}
    .about-bt{height:600px;flex-direction:column;}
    .about-bt-l{width:100%;height:32%;}
    .about-bt-r{width:100%;height:66%;}
    .about-bt-r .about-img{width:100%;height:48%;}

    .others-in{padding:100px 20px 0;}
    #others .title{margin-bottom:50px;}
    #others .title>h2{font-size:35px;line-height:45px;}
    #others .title>p{font-size:11px;}
    .btn-more{font-size:14px;}
    .btn-more::after{width:80%;}
    .others-conbx{width:100%;margin-bottom:30px;flex-direction:column !important;}
    .others-img{height:60%;}
    .others-txt{height:40%;padding:0;}
    .others-txt-index{display:none;}
    .others-txt-con>p{display:none;}
    .others-txt-con>h4{font-size:20px;}
  
  
  
  }