@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Upright:wght@300;400;500;600;700&family=Cormorant:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');

*{box-sizing:border-box;}
html{ scroll-behavior: smooth;}
body{font-family: 'Noto Sans KR', sans-serif;color:#2B2B2B;overflow-x:hidden;background-repeat:no-repeat;}
button{cursor: pointer;}

/*
font-family: 'Cormorant Upright', serif;
font-family: 'Jost', sans-serif;
font-family: 'Noto Sans KR', sans-serif;
font-family: 'Noto Serif KR', serif;
font-family: 'Cormorant', serif;
*/


/*header*/
.gnb-m{display:none;}
.gnb-pc{position:fixed;width:100%;z-index:999;height:90px;}
.gnb-pc-bn{display:flex;position:relative;width:1700px;height:100%;margin:0 auto;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,0.3);}
.gnb-pc-bn .menu{height:100%;}
.gnb-pc-bn .menu>ul{display:inline-block;height:100%;}
.gnb-pc-bn .menu>ul>li{position:relative;float:left;height:100%;padding:0 25px;line-height:90px;}
.gnb-pc-bn .menu>ul>li::before{content:'';display:block;position:absolute;top:50%;left:5px;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background-color:#fff;opacity:0;transition:.4s;}
.gnb-pc-bn .menu>ul>li.current::before{content:'';display:block;position:absolute;top:50%;left:5px;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background-color:#fff;opacity:.7;transition:.4s;}
.gnb-pc-bn .menu>ul>li.on::before{content:'';opacity:0.58;transition:.4s;}
.gnb-pc-bn .menu>ul>li.current.off::before{content:'';opacity:0;transition:.4s;}
.gnb-pc-bn .menu>ul>li.current.off.on::before{content:'';opacity:0.58;transition:.4s;}
.gnb-pc-bn .menu>ul>li>a{display:block;font-family: 'Jost', sans-serif;font-size:15px;font-weight:300;color:#fff;letter-spacing:1px;}
.gnb-pc-bn>h1{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.gnb-pc-bn>a{display:flex;height:100%;padding:0 15px;align-items:center;}
.gnb-pc-bn>a>img{display:block;margin-right:20px;}
.gnb-pc-bn>a>span{letter-spacing:5px;font-family: 'Jost', sans-serif;font-size:15px;font-weight:300;color:#fff;}
.gnb-pc-bn .sub{visibility:hidden;display:flex;position:absolute;top:140px;left:50%;transform:translateX(-50%);width:135%;padding:15px 0;justify-content:center;align-items:center;background-color:rgba(255,255,255,.8);}
.gnb-pc-bn .menu>ul>li:last-child .sub{width:100%;}
.gnb-pc-bn .sub>ul>li{line-height:26px;text-align:center;}
.gnb-pc-bn .sub>ul>li>a{font-family: 'Noto Sans KR', sans-serif;font-size:13px;font-weight:300;color:#2b2b2b;}
.gnb-pc-bn .menu>ul>li.on .sub{visibility:visible;top:80px;transition:.5s;}

.gnb-pc.scroll{height:80px;background-color:#fff;transition:.5s;box-shadow:0 0 20px rgba(0,0,0,0.05);}
.gnb-pc-scroll>h1>a{display:flex;height:100%;align-items:center;}
.gnb-pc.scroll .gnb-pc-bn{opacity:0;}
.gnb-pc.scroll .gnb-pc-scroll{top:0;transition:.5s;}
.gnb-pc-scroll{display:flex;position:absolute;top:-150px;left:50%;transform:translateX(-50%);width:1400px;height:100%;justify-content:space-between;}
.gnb-pc-scroll>h1{display:flex;align-items:center;}
.gnb-pc-scroll .menu>ul>li{position:relative;float:left;padding:0 25px;line-height:80px;text-align:center;}
.gnb-pc-scroll .menu>ul>li>a{display:block;font-family: 'Jost', sans-serif;font-size:15px;font-weight:400;color:#000;}
.gnb-pc-scroll .sub{visibility:hidden;display:flex;position:absolute;top:100px;left:50%;transform:translateX(-50%);width:135%;padding:15px 0;justify-content:center;align-items:center;background-color:#786f6a;box-shadow:0 0 20px rgba(0,0,0,0.1);}
.gnb-pc-scroll .menu>ul>li:last-child .sub{width:110%;}
.gnb-pc-scroll .sub>ul>li{line-height:26px;}
.gnb-pc-scroll .sub>ul>li>a{display:block;height:100%;font-size:13px;font-weight:200;color:#fff;font-family: 'Noto Sans KR', sans-serif;}
.gnb-pc-scroll .menu>ul>li.on .sub{visibility:visible;top:80px;transition:.5s;}
.gnb-pc-scroll .menu>ul>li.on>a{color:#7A7A7A;}
.gnb-pc .sub>ul>li:hover>a{font-weight:500;}


/*section*/
/*common*/
.con-tit>p{margin-bottom:5px;font-family: 'Jost', sans-serif;font-size:15px;font-weight:500;color:#9c8f89;letter-spacing:2px;}
.con-tit>h3{font-family: 'Cormorant Upright', serif;font-size:50px;line-height:60px;}
.con-tit>h3>span{display:block;}
.btn-more{display:block;position:relative;width:100px;font-family: 'Cormorant', serif;font-size:20px;font-weight:400;color:#707070;text-align:center;font-style: italic;}
.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:600;}
.bg{width:100%;height:100%;background-size:cover;background-position:center center;}
.con-subtit{position:relative;width:auto;font-family: 'Cormorant Upright', serif;font-size:35px;font-weight:500;}
.con-subtit::before{content:'';display:inline-block;width:30px;height:40px;margin-right:5px;background-image:url(../img/deco3.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 Upright', serif;font-size:80px;font-weight:500;color:#fff;text-shadow: 0px 0px 4px rgba(0,0,0,0.3);line-height:90px;}
.main-bn-tit h2 span{display:block;}
.main-bn .main-bn-page{position:absolute;bottom:50px !important;left:50%;z-index:99;transform:translateX(-50%);}
.main-bn .swiper-pagination-bullet{width:10px;height:10px;margin-right:15px !important;background-color:transparent;opacity:1;box-shadow:0 0 4px rgba(0,0,0,0.5);border:1.5px solid #fff;}
.main-bn .swiper-pagination-bullet:last-child{margin-right:0px;}
.main-bn .swiper-pagination-bullet-active{opacity:1;background-color:#fff;border:transparent;box-shadow:0 0 4px rgba(0,0,0,0.4);}
.main-swip-prv, .main-swip-nxt{position:absolute;top:50%;z-index:99;cursor: pointer;transform:translateY(-50%);width:100px;}
.main-swip-prv{left:20px;text-align:left;}
.main-swip-nxt{right:20px;text-align:right;}
.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:400;color:#fff;letter-spacing:5px;text-shadow: 0px 0px 4px rgba(0,0,0,0.4);}
.main-bn-tit>button:hover{background-color:#786f6a;border:1px solid transparent;color:#fff;}

/*other contents*/
.others{overflow:hidden;width:1400px;margin:0 auto 150px;}
.others .con-tit{margin-bottom:50px;text-align:center;}
.others-con{overflow:hidden;width:100%;margin-top:70px;}
.others-con>ul{display:flex;width:100%;height:400px;justify-content:space-between;}
.others-con>ul>li{width:32%;height:100%;}
.others-con>ul>li .others-img{position:relative;overflow:hidden;width:100%;height:60%;}
.others-con>ul>li .others-img .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center center;transition:.5s;}
.others-con>ul>li:nth-child(1) .others-img .pic{background-image:url(../img/other-con/sub2.jpg);}
.others-con>ul>li:nth-child(2) .others-img .pic{background-image:url(../img/other-con/sub3.jpg);}
.others-con>ul>li:nth-child(3) .others-img .pic{background-image:url(../img/other-con/sub4.jpg);}

.others-img>a{display:block;position:absolute;top:50%;left:50%;z-index:9;width:80px;height:80px;border-radius:50%;transform:translate(-50%, -40%);background-color:rgba(255,255,255,0.7);opacity:0;text-align:center;font-family: 'Jost', sans-serif;line-height:80px;font-size:16px;font-weight:400;color:#333;transition-duration:.5s;}
.others-con>ul>li:hover .pic{transform:scale(1.1);transition-duration:.8s;}
.others-con>ul>li:hover .others-img>a{opacity:1;transition-duration:.8s;}
.others-txt{width:100%;height:40%;padding:30px 0;text-align:center;}
.others-txt>h4{margin-bottom:10px;font-family: 'Cormorant', serif;font-size:20px;font-weight:600;}
.others-txt>p{margin-bottom:15px;font-size:14px;font-weight:400;line-height:22px;}
.others-txt>p span{display:block;}
.others .btn-more{margin:0 auto;font-size:16px;}
.others .btn-more::after{content:'';display:block;position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:80px;height:2px;background-color:#D4D4D4;}

/*footer*/
footer{overflow:hidden;width:100%;background-color:#3B3B3B;}
.footer-in{overflow:hidden;width:1400px;margin:0 auto;}
.footer-top{display:flex;padding:80px 0 50px;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,0.2);}
.footer-con h1{margin-bottom:20px;}
.footer-con h1 a{display:block;}
.footer-con h2{margin-bottom:20px;font-family: 'Cormorant Upright', serif;font-size:19px;font-weight:500;color:#fff;letter-spacing:2px;}
.footer-con>ul>li{font-size:14px;font-weight:300;color:#fff;line-height:22px;}
.footer-con>ul>li>a{font-size:14px;font-weight:400;color:#fff;line-height:22px;}
.footer-con:nth-child(1)>ul>li a:first-child{font-weight:500;letter-spacing:2px;}
.footer-con:nth-child(1)>ul>li:first-child{font-weight:500;}
.footer-con:nth-child(2)>ul>li>span{margin-right:10px;color:#8B8B8B;}
.footer-con:nth-child(2)>ul>li>span:nth-child(2){margin-left:10px;}
.footer-con .btn-area button{width:185px;padding:13px 0;border:1px solid #707070;background-color:transparent;font-family: 'Jost', sans-serif;font-size:14px;font-weight:400;letter-spacing:2px;color:#fff;}
.footer-con .btn-area button:nth-child(1){margin-right:20px;}
.footer-con .btn-area button:hover{background-color:#fff;color:#2b2b2b;}

.footer-bt{display:flex;width:100%;padding:30px 0;text-align:center;align-items:center;justify-content:center;flex-wrap:wrap;}
.footer-bt>a{margin-right:10px;font-size:14px;font-weight:300;color:#fff;line-height:35px;}
.footer-bt>p{font-family: 'Jost', sans-serif;font-size:14px;font-weight:300;color:#fff;}
.footer-bt>p>a{font-size:14px;font-weight:300;color:#fff; transition: all 0.2s ease-out;}
.footer-bt>p>a:hover{ color:#ff5a53; }


/************************반응형****************************/
@media screen and (min-width:1px) and (max-width:1800px){

  .gnb-pc-bn{width:100%;padding:0 20px;}
  .gnb-pc-bn>a{padding:0;}

}

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

  .gnb-pc-bn .menu>ul>li{padding:0 20px;}
  .gnb-pc-bn .menu>ul>li::before{content:'';left:3px;width:5px;height:5px;}
  .gnb-pc-bn .menu>ul>li.current::before{content:'';left:3px;width:5px;height:5px;}
}

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

  .gnb-pc-bn{flex-direction:row-reverse;align-items:center;}
  .gnb-pc-bn>h1{position:static;top:auto;left:auto;transform:translate(0%, 0%);}
  .gnb-pc-bn>a{display:none;}
  .gnb-pc-scroll{width:100%;padding:0 20px;}

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

  .footer-in{width:100%;padding:0 20px;}

}

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

  .gnb-pc{display:none;}
  .gnb-m{display:block;position:fixed;z-index:999;width:100%;}
  .gnb-m-bn{display:flex;position:absolute;top:0;left:0;z-index:900;width:100%;height:70px;padding:0 20px;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,0.3);}
  .gnb-m-bn>h1>a>img{width:100px;}
  .btn-area{display:flex;align-items:center;}
  .btn-area>button{height:100%;background-color:transparent;border:none;}
  .ham-btn{height:100%;background-color:transparent;border:none;}
  .hammenu{position:fixed;right:-1000px;z-index:999;width:100%;height:100vh;background-color:#786f6a;}
  .hammenu-top{display:flex;position:relative;width:100%;height:80px;padding:0 15px;justify-content:space-between;align-items:center;}
  .ham-close{background-color:transparent;border:none;}
  .gnb-m-scroll{display:flex;position:absolute;top:-150px;left:0;z-index:998;width:100%;height:70px;padding:0 20px;justify-content:space-between;background-color:#fff;align-items:center;box-shadow:0 0 15px rgba(0,0,0,0.05);}
  .gnb-m.scroll{transition:.5s;box-shadow:0 0 10px rgba(0,0,0,0.05);}
  .gnb-m.scroll .gnb-m-bn{opacity:0;}
  .gnb-m.scroll .gnb-m-scroll{top:0;transition:.5s;}
  .gnb-m-scroll>h1>a>img{width:100px;}
  .hammenu-con{display:flex;width:100%;padding-top:50px;justify-content:center;align-items:center;}
  .hammenu-con>ul>li{position:relative;width:100%;padding:15px 0;}
  .hammenu-con>ul>li>a{display:block;font-family: 'Jost', sans-serif;font-size:20px;font-weight:300;color:#fff;text-align:center;letter-spacing:2px;}
  .hammenu-con>ul>li>.sub{display:none;margin-top:10px;text-align:center;}
  .hammenu-con>ul>li>.sub>ul>li{line-height:25px;}
  .hammenu-con>ul>li>.sub>ul>li>a{display:block;font-size:14px;font-weight:300;color:#dddddd;font-family: 'Noto Sans KR', sans-serif;}
  .hammenu-con .menu>li.active>a{font-weight:400;color:#c0c0c0;}
  .hammenu-con>ul>li>.sub>ul>li:hover>a{font-weight:600;}

  /*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;line-height:70px;}
  .main-swip-prv, .main-swip-nxt{width:auto;}
  .main-swip-prv>img, .main-swip-nxt>img{width:30px;}

  .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;}


  /*footer*/
  .footer-top{flex-direction:column;padding:50px 0 30px;}
  .footer-con{margin-bottom:20px;}
  .footer-bt>a{font-size:12px;}
  .footer-bt>p{font-size:12px;}
  .footer-bt>p>a{font-size:12px;}
  .footer-con .btn-area button{width:45%;}

}

@media screen and (min-width:1px) and (max-width:850px){
      /*others list*/
      .others{margin:80px auto;}
      .others-con>ul{height:350px;}
      .others-img>a{width:50px;height:50px;line-height:50px;font-size:12px;}
      .others-txt{padding:20px 0;}
      .others-txt>h4{margin-bottom:10px;font-size:17px;}
      .others-txt>p{font-size:11px;line-height:20px;}
      .others-txt>a{font-size:11px;}
      .others-txt>a>img{width:30px;padding-left:5px;}
      .others-txt>a:hover>img{padding-left:5px;}
      .others-txt>a:hover{font-weight:500;}
}

@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;line-height:40px;}
  .main-bn-tit>p{font-size:12px;line-height:22px;}
  .main-bn-page{bottom:30px !important;width:100% !important;}
  .main-bn .swiper-pagination-bullet{width:8px;height:8px;margin-right:10px !important;}
  .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-con>ul{height:200px;}
 .others-txt{padding:20px 0;}
 .others-txt>p{display:none;}
 .others-txt{text-align:center;}
 .others-txt>h4{font-size:16px;font-weight:600;}
 .others-txt>a{display:none;}
  

  /*footer*/
  .footer-top{flex-direction:column;padding:50px 0 30px;text-align:center;}
  .footer-con{margin-bottom:30px;}
  .footer-con>h1>a>img{width:130px;}
  .footer-con>ul>li{font-size:13px;line-height:20px;}
  .footer-con>ul>li>a{font-size:13px;line-height:20px;}
  .footer-con .btn-area button{padding:10px 0;font-size:13px;}
  .footer-bt{padding:20px 0;}
  .footer-con h2{font-size:16px;}


}