@charset "utf-8";


*{box-sizing:border-box;}
html{ scroll-behavior: smooth;}
body{overflow-x:hidden;font-family: 'Noto Serif KR', serif;color:#574341;}
a{color:#574a49;}
button{cursor: pointer;}

/*header*/
.gnb-m{display:none;}
.gnb-pc{position:fixed;top:0;left:0;width:100%;z-index:999;height:100px;background-color:rgba(255,255,255,0);box-shadow:0 0 20px rgba(0,0,0,0.0);transition:.4s;}
.gnb-pc-bn{position:relative;width:1200px;height:100%;margin:0 auto;}
.gnb-pc-bn .menu{height:100%;}
.gnb-pc-bn .menu>ul{display:inline-block;height:100%;display:flex;justify-content:space-between;}
.gnb-pc-bn .menu>ul>li{position:relative;height:100%;padding:0 20px;line-height:100px;}
.gnb-pc-bn .menu>ul>li>a{display:block;font-family: 'Crimson Pro', serif;font-size:16px;font-weight:400;color:#fff;}
.gnb-pc-bn .menu>ul>li.on>a{opacity: 0.7;}
.gnb-pc-bn .menu>ul>li:nth-child(2){padding-left: 80px;}
.gnb-pc-bn .menu>ul>li:nth-child(8){padding-right: 80px;}
.gnb-pc-bn .menu>ul>li:first-child { padding: 0px; }
.gnb-pc-bn .menu>ul>li:first-child::before {content:'';display:block;position:absolute;top:50%;right:-35px;transform:translateY(-50%);width:1px;height:15px;background-color:#fff;}
.gnb-pc-bn .menu>ul>li:last-child { padding: 0px; }
.gnb-pc-bn .menu>ul>li:last-child::before {content:'';display:block;position:absolute;top:50%;left:-35px;transform:translateY(-50%);width:1px;height:15px;background-color:#fff;}
.gnb-pc-bn h1>a{display:block;margin-top:22.5px;width:179px;height:53px;background:url(../img/logo_w.png);background-size:cover;background-repeat:no-repeat;}
.gnb-pc button:nth-of-type(1){display:block;position:absolute;padding-right:20px;font-family: 'Crimson Pro', serif;font-size:16px;font-weight:400;color:#7C7C7C;letter-spacing:2px;background-color:transparent;border:none; top: 0px; left: 30px; height: 100px;}
.gnb-pc button > div { position: relative; opacity: 0; }
.gnb-pc button > div > div { width: 130px; position: absolute; padding: 20px 10px; left: calc(50% - 65px); background: #fff; text-align: center; top: 80px; transition: 0.5s; box-shadow:0 0 20px rgba(0,0,0,0.07);}
.gnb-pc button > div > div > p { font-family: 'Noto Serif KR'; font-size: 13px; letter-spacing: 0px; }
.gnb-pc button > div > div > p > a:hover {color:#d4d4d3;}
.gnb-pc button:nth-of-type(1)::before{content:'';display:block;position:absolute;top:50%;right:0;transform:translateY(-50%);width:1px;height:23px;background-color:#7c7c7c;}
.gnb-pc button:nth-of-type(1):hover > p > a {color:#d4d4d3;}
.gnb-pc button:hover > div { opacity: 1; }
.gnb-pc button:hover > div > div { top: 40px; }
.gnb-pc-bn .sub{visibility:hidden;display:flex;position:absolute;top:140px;left:50%;transform:translateX(-50%);width:150px;padding:20px 0;justify-content:center;align-items:center;background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,0.07);}
.gnb-pc-bn .sub>ul>li{line-height:23px;}
.gnb-pc-bn .sub>ul>li>a{font-size:13px;font-weight:400;color:#7c7c7c;}
.gnb-pc-bn .menu>ul>li.on .sub{visibility:visible;top:100px;transition:0.5s;}
.gnb-pc .sub>ul>li:hover>a{color:#d4d4d3;}

.gnb-pc.on {background-color:rgba(255,255,255,1);box-shadow:0 0 20px rgba(0,0,0,0.07);}
.gnb-pc.on .gnb-pc-bn .menu>ul>li>a {color:#574341;}
.gnb-pc.on .gnb-pc-bn .menu>ul>li:first-child::before{background:#574341;}
.gnb-pc.on .gnb-pc-bn .menu>ul>li:last-child::before{background:#574341;}
.gnb-pc.on .gnb-pc-bn h1>a {background:url(../img/logo_b.png);}

/*section*/
/*common*/
.con-tit{margin-bottom:80px;text-align:center;}
.con-tit>p{margin-bottom:25px;font-size:15px;font-weight:500;color:#574341;}
.con-tit>h3{font-family: 'aAutoSignature';font-size:60px;color:#574341;}

.btn-t{width:200px;height:50px;border:1px solid #574341;;background-color:transparent;font-family: 'Crimson Pro', serif;font-size:15px;font-weight:500;color:#574341;letter-spacing:5px;}
.btn-t:hover{background-color:rgba(140,133,122,0.7);color:#fff;transition:0.5s;border:none;}
.btn-t a{color: #574341;}

.btn-v{position:relative;font-family: 'Crimson Pro', serif;font-size:15px;font-weight:400;color:#574341;letter-spacing:2px;}
.btn-v::before{content:'';display:block;position:absolute;top:-55px;left:50%;transform:translateX(-50%);width:1px;height:42px;background-color:#707070;}
.btn-v:hover{font-weight:600;}
.btn-v:hover::before{animation:ani1 .8s}

.family-btn, .family-lst{display:none;}

@keyframes ani1{
  0%{
    height:0;

  }
  100%{
    height:42px;
  }

}

/*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%, -65%) !important;}
.main-bn-tit>p{font-size:15px;font-weight:400;color:#fff;}
.main-bn-tit h2{margin-bottom:20px;font-family: 'aAutoSignature';font-size:75px;font-weight:500;color:#fff;}
.main-bn-tit h2 span{display:block;}

.main-bn-control{display:flex;width:150px;height:80px;margin:0 auto;align-items:center;position:absolute;bottom:20px;left:calc(50% - 75px);z-index:100;color:#fff;}
.main-bn-control .main-bn-page.swiper-pagination-fraction{padding-top:5px;font-family: 'Crimson Pro', serif;font-size:15px;font-weight:500;color:#fff;}
.main-swip-prv, .main-swip-nxt{cursor: pointer;}

.top-btn{display:none;position:fixed;bottom:30px;right:10px;z-index:99;width:50px;height:120px;border:none;align-items:center;justify-content:center;cursor: pointer;flex-direction:column;background-color:transparent;}
.top-btn>img{line-height:50px;margin-bottom:10px;}
.top-btn>img:nth-child(2){display:none;}
.top-btn>span{display:block;width:50px;transform:rotate(-90deg);font-family: 'Crimson Pro', serif;font-size:14px;font-weight:600;color:#AFAFAF;}

/*footer*/
footer{overflow:hidden;width:100%;padding:70px 0;background-color:#F3EEE7;}
.footer-in{display:flex;width:1200px;margin:0 auto;align-items:center;justify-content:space-between;}
.footer-in>h1>a>img{}
.footer-info{position:relative;color:#A39D93;font-weight:400;font-size:14px;}
.footer-info::before{content:'';display:block;position:absolute;top:50%;left:-25%;transform:translateY(-50%);width:1px;height:120%;background-color:#574341;opacity:0.25;}
.footer-info::after{content:'';display:block;position:absolute;top:50%;right:-25%;transform:translateY(-50%);width:1px;height:120%;background-color:#574341;opacity:0.25;}
.footer-info>ul>li{line-height:25px;}
.footer-info>ul>li span{margin-right:5px;}
.footer-info>ul>li a{color:#A39D93;font-weight:400;font-size:14px;}
.footer-copyright{color:#A39D93;font-weight:400;font-size:14px;text-align:right;}
.footer-copyright>ul>li{line-height:25px;}
.footer-copyright>ul>li a{color:#A39D93;font-weight:400;font-size:14px;}
.footer-copyright ul li a.who{transition: all .2s ease-out; }
.footer-copyright ul li a.who:hover{color: #ff5a53;}
/************************반응형****************************/

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

  .gnb-pc-bn{width:100%;padding:0 20px;justify-content:center;}
  .gnb-pc-bn .menu>ul>li{padding:0 20px;}
  .gnb-pc-bn .menu>ul>li:nth-child(4){padding:0 30px;}
  .gnb-pc-bn button{display:none;}
  .footer-in{width:100%;padding:0 20px;}

  .footer-info::before{content:'';display:block;position:absolute;top:50%;left:-25%;transform:translateY(-50%);width:1px;height:120%;background-color:#574341;opacity:0.25;}
  .footer-info::after{content:'';display:block;position:absolute;top:50%;right:-25%;transform:translateY(-50%);width:1px;height:120%;background-color:#574341;opacity:0.25;}

}

@media screen and (min-width:1px) and (max-width:1024px){
  .gnb-pc{display:none;}
  .gnb-m{display:block;position:fixed;top:0;left:0;z-index:999;width:100%;height:60px;box-shadow:0 0 20px rgba(0,0,0,0.07);}
  .gnb-m-bn{display:flex;position:absolute;top:0;left:0;z-index:999;width:100%;height:100%;padding:0 20px;justify-content:space-between;align-items:center;background-color:#fff;}
  .gnb-m-bn h1>a>img{}
  .btn-area{display:flex;align-items:center;}
  .btn-area>button{height:100%;background-color:transparent;border:none;}
  .ham-btn{width:35px;height:100%;background-color:transparent;border:none;cursor: pointer;}
  .ham-btn:before,.ham-btn:after,.ham-btn div {background: #574341;content: "";display: block;height: 2px;border-radius: 2px;margin: 7px 0;transition: 0.5s;}
  .gnb-m.hammenu-on .ham-btn:before {transform: translateY(9px) rotate(135deg);}
  .gnb-m.hammenu-on .ham-btn:after {transform: translateY(-9px) rotate(-135deg);}
  .gnb-m.hammenu-on .ham-btn div {transform: scale(0);}
  
  .hammenu{position:fixed;top:-500px;z-index:998;width:100%;height:0;background-color:#57524b;transition:.5s;}
  .hammenu-on .hammenu{top:60px;height:auto;transition:.8s;}
  .hammenu-con{display:flex;width:100%;height:0;justify-content:center;transition:.5s;}
  .hammenu-on .hammenu-con{height:auto;}
  .hammenu-con>ul{width:100%;}
  .hammenu-con>ul>li{position:relative;width:100%;line-height:40px;border-bottom:1px solid rgba(255,255,255,0.1);}
  .hammenu-con>ul>li:last-child{border-bottom:none;}
  .hammenu-con>ul>li>a{visibility:hidden;display:block;font-size:13px;font-weight:300;color:#fff;text-align:center;letter-spacing:2px;}
  .hammenu-con>ul>li>i{visibility:hidden;display:block;position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:12px;color:#fff;cursor:pointer;}
  .hammenu-on .hammenu-con>ul>li>a{visibility:visible;}
  .hammenu-on .hammenu-con>ul>li>i{visibility:visible;}
  
  .hammenu-con>ul>li.active>i{top:20px;}
  .hammenu-con>ul>li>.sub{display:none;text-align:center;}
  .hammenu-con>ul>li>.sub>ul>li{line-height:40px;border-top:1px solid rgba(255,255,255,0.1);}
  .hammenu-con>ul>li>.sub>ul>li>a{display:block;font-size:13px;font-weight:500;color:#fff;}

  .hammenu-con .menu>li::after{content:'';visibility:hidden;display:block;position:absolute;top:23px;left:0%;width:0px;height:2px;background-color:#D1A868;}
  .hammenu-con .menu>li.active>a{color:#BDAC8E;}
  .hammenu-con>ul>li>.sub>ul>li:hover>a{font-weight:700;}
  
  .main-bn{height:calc(50vh - 60px);margin-top:60px;}
  .main-bn-control{height:40px;}
  .main-bn-control .main-bn-page.swiper-pagination-fraction{padding-top:3px;font-size:13px;}

  .con-tit{margin-bottom:50px;}
  .con-tit>p{font-size:13px;}
  .con-tit>h3{font-size:50px;}

  .family-btn{display:flex;position:fixed;bottom:80px;right:15px;z-index:99;width:40px;height:40px;text-align:center;line-height:20px;background-color:#F3EEE7;box-shadow:0 0 5px rgba(103, 80, 80, 0.15);justify-content:center;align-items:center;transition:.4s;cursor:pointer;}
  .family-btn>p{font-size:11px;font-weight:300;color:#574341;}
  .family-btn.main{bottom:30px;}


  .family-lst{display:block;position:fixed;top:0;right:-1000px;z-index:999;width:270px;padding:20px;height:100vh;background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,0.1);transition:.5s;}
  .family-lst-top{display:flex;width:100%;height:30px;justify-content:space-between;align-items:center;}
  .family-lst-top>p{font-size:15px;font-weight:500;}
  .family-lst-top>div{position:relative;width:20px;height:20px;cursor: pointer;}
  .family-lst-top>div::before{content:'';display:block;position:absolute;top:0;right:0px;width:2px;height:100%;background-color: #574341;transform:rotate(-45deg);}
  .family-lst-top>div::after{content:'';display:block;position:absolute;top:0;right:0px;width:2px;height:100%;background-color: #574341;transform:rotate(45deg);}
  .family-img{width:100%;height:150px;background-size:cover;background-position:center center;}
  .family-img>a{display:block;width:100%;height:100%;}
  .family-txt{display:flex;width:100%;padding:15px 0;align-items:center;justify-content:center;flex-direction: column;}
  .family-txt>p{margin-bottom:8px;font-size:14px;font-weight:500;}
  .family-txt>a{font-size:13px;font-weight:400;}
  .family-lst>ul{margin-top:30px;}
  .family-lst>ul>li:nth-child(1) .family-img{background-image:url(../img/family/1.jpg);}
 
  .family-lst.on{right:0;transition:.5s;}

  .top-btn{position:fixed;bottom:30px;right:15px;z-index:99;width:40px;height:40px;border:none;align-items:center;justify-content:center;cursor: pointer;flex-direction:row;background-color:#574341;}
  .top-btn>img:nth-child(1){display:none;}
  .top-btn>img:nth-child(2){display:inline-block;line-height:30px;margin-bottom:0;}
  .top-btn>img{text-align:center;}
  .top-btn>span{display:none;}

  .footer-info::before{content:'';display:none;}
  .footer-info::after{content:'';display:none;}

  
}

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


  .btn-t{width:170px;height:40px;font-size:13px;letter-spacing:2px;}

  .btn-v{font-size:12px;}
  .btn-v::before{top:-45px;height:35px;}
  .family-lst{width:60%;}



    .main-bn-tit{width:100%;}
    .main-bn-tit>p{font-size:12px;}
    .main-bn-tit h2{margin-bottom:15px;font-size:40px;line-height:55px;}
    
    .con-tit{padding:0 20px;}
    .con-tit>p{font-size:12px;}
    .con-tit>h3{font-size:37px;}

    .footer-in>h1>a>img{width:;margin-bottom:20px;}
    .footer-in{flex-direction:column;text-align:center;}
    .footer-info{font-size:13px;}
    .footer-info>ul>li{line-height:24px;}
    .footer-info>ul>li a{font-size:13px;}
    .footer-copyright{margin-top:20px;text-align:center;font-size:13px;}
    .footer-copyright>ul>li{line-height:23px;}
    .footer-copyright>ul>li{font-size:13px;}
}