/*common*/
.con-tit>p{margin-bottom:5px;font-family: 'Noto Sans KR'; font-size:15px;font-weight:500;color:#697388;letter-spacing:2px;}
.con-tit>h3{font-family: 'Cormorant Garamond', serif;font-size:50px;line-height:60px;font-weight: 500;}
.con-tit>h3>span{display:block;}
.btn-more{display:block;position:relative;width:100px;font-family: 'Mulish';font-size:20px;font-weight:400;color:#707070;text-align:center;}
.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;}
.bg{width:100%;height:100%;background-size:cover;background-position:center center;}
.con-subtit{position:relative;width:auto;font-family: 'Cormorant Garamond';font-size:35px;font-weight:500;}
.con-subtit::before{content:'';display:inline-block;width:30px;height:40px;margin-right:5px;background-image:url(../img/deco.png);background-size:100%;background-repeat:no-repeat;}

/*main banner*/
.main-bn{position:relative;width:100%;height:100vh;text-align:center;}
.main-bn-swip{width:100%;height:100%;}
.main-bn-swip .swiper-slide{width:100%;height:100%;background-size:cover;background-position:center center;}
.main-bn-tit{position:absolute;top:50%;left:50%;z-index:9;transform:translate(-50%, -50%);}
.main-bn-tit>p{margin-bottom:50px;font-size:16px;font-weight:400;color:#fff;text-shadow: 0px 0px 4px rgba(0,0,0,0.3);}
.main-bn-tit h2{margin-bottom:30px;font-family: 'Cormorant Garamond';font-size:90px;font-weight:500;color:#fff;text-shadow: 0px 0px 4px rgba(0,0,0,0.3);}
.main-bn-tit h2 span{display:block;}
.main-bn-page{position:absolute;bottom:50px;left:50%;transform:translateX(-50%);z-index:9;width:95%;}
.main-bn .swiper-pagination-bullet{width:10px;height:10px;margin-right:30px;background-color:#fff;opacity:.5;}
.main-bn .swiper-pagination-bullet:last-child{margin-right:0px;}
.main-bn .swiper-pagination-bullet-active{position:relative;opacity:1;background-color:#fff;border:transparent;}
.main-bn .swiper-pagination-bullet-active::after{content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:25px;height:25px;border:1px solid #fff;border-radius:50%;background-color:transparent;opacity:0.5;}
.main-swip-prv, .main-swip-nxt{position:absolute;top:50%;z-index:99;cursor: pointer;transform:translateY(-50%);}
.main-swip-prv{left:20px;}
.main-swip-nxt{right:20px;}
.main-bn-tit>button{width:188px;height:50px;border:1px solid #fff;background-color:transparent;font-family: 'Jost', sans-serif;font-size:15px;font-weight:500;color:#fff;letter-spacing:5px;text-shadow: 0px 0px 4px rgba(0,0,0,0.4);}
.main-bn-tit>button:hover{background-color:#5A7C6B;border:1px solid transparent;color:#fff;transition:.5s;}

/*other contents*/
.others{overflow:hidden;width:1400px;margin:0 auto 150px;}
.others .con-tit{margin-bottom:50px;text-align:center;}
.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://atlpen2.cdn3.cafe24.com/sub2/8/image3.jpg);}
.others-conbx:nth-child(2) .others-img .bg{background-image:url(../img/sub3/1/image1.jpg);}
.others-conbx:nth-child(3) .others-img .bg{background-image:url(../img/sub6/3.jpg);}
.others-txt{display:flex;position:relative;width:100%;padding:40px 30px;border:2px solid #ece8e5; border:2px solid #e5e8ec; background-color:#fff;justify-content: space-between;}
.others-txt-index>p>span:nth-child(1){display:block;font-family: 'Jost', sans-serif;font-size:14px;font-weight:400;color:#ece8e5;text-align:center;letter-spacing:2px;}
.others-txt-index>p>span:nth-child(2){display:block;font-family: 'Cormorant', serif;font-size:100px;font-weight:400;color:#ece8e5; color:#e5e8ec; line-height:60px;}
.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-txt-con .btn-more{width:80px;margin-top:30px;font-size:13px;text-align:left;}
.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 #ece8e5; border:1px dashed #e5e8ec; }
.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 #ece8e5; border:1px dashed #e5e8ec;}


/************************반응형****************************/


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

  .others{width:100%;padding:0 20px;}
  .others-conbx{width:32.5%;}

}

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

  /*section*/
  .con-tit>p{font-size:13px;margin-bottom:0;}
  .con-tit>h3{font-size:35px;line-height:50px;}
  .btn-more{font-size:17px;}
  .con-subtit{font-size:25px;}
  .con-subtit::before{content:'';width:20px;height:25px;}

  .main-bn{height:50vh;}
  .main-bn-tit>p{font-size:13px;line-height:24px;}
  .main-bn-tit h2{font-size:60px;}
  .main-swip-prv>img, .main-swip-nxt>img{width:30px;}

  .others{margin:0 auto;}
  .others-con{flex-direction:column;}
  .others-conbx{width:100%;height:300px !important;flex-direction:row;height:auto;margin-bottom:50px;}
  .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;}
  .others-txt-index{margin-bottom:30px;}
  .others-txt-index>p>span:nth-child(1){font-size:10px;text-align:center;}
  .others-txt-index>p>span:nth-child(2){font-size:60px;line-height:25px;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;}


  /* .others-con :last-child {margin-bottom:0;} */

}

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

  /*section*/
  .main-swip-prv{left:10px;}
  .main-swip-nxt{right:10px;}
  .main-bn-tit h2{margin-bottom:20px;font-size:30px;}
  .main-bn-tit>p{font-size:12px;line-height:22px;}
  .main-bn-page{bottom:30px;}
  .main-bn .swiper-pagination-bullet{width:8px;height:8px;margin-right:20px;}
  .main-bn .swiper-pagination-bullet-active::after{width:20px;height:20px;}
  .main-bn-tit>button{width:150px;height:40px;font-size:13px;font-weight:400;letter-spacing:2px;}
  .btn-more{font-size:14px;}
  .btn-more::after{width:80%;}
  .con-tit>p{font-size:11px;}
  .con-tit>h3{font-size:28px;line-height:40px;}


  .others{margin-bottom:60px;}
  .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;}


}