@charset "utf-8";

*{box-sizing:border-box;}
html{ scroll-behavior: smooth; -webkit-tap-highlight-color:rgba(193,188,172,.1);}
body{overflow-x:hidden;background-repeat:no-repeat; -webkit-tap-highlight-color:rgba(193,188,172,.1);}
@font-face {
    font-family: 'MapoGoldenPier';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoGoldenPierA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.mbr{ display: block;}

/*to top start*/

.totop { position: fixed; z-index: 999; right: -100px; bottom: 40px; width: 40px; height: 40px; text-align: center; background: #f6f4ee; border-radius: 50%; transition: .4s; }
.totop i { font-size: 14px; line-height: 42px; color:#333; }
.totop.on { right: 30px; }

/*header*/
.gnb-m{display:none;}
.gnb-pc{position:fixed;width:100%;z-index:999;height:120px;}
.gnb-pc-in{display:flex;position:relative;width:1400px;height:100%;margin:0 auto;padding:0 150px;justify-content:center;}
.gnb-pc-in .menu{width:100%;height:100%;}
.gnb-pc-in .menu>ul{display:flex;height:100%;justify-content:space-between;align-items:center;}
.gnb-pc-in .menu>ul>li{display:flex;position:relative;height:100%;align-items:center;justify-content:center;}
.gnb-pc-in .menu>ul>li>a{display:block;font-family: 'Josefin Sans', sans-serif;font-size:12px;font-weight:400;color:#fff;letter-spacing:3px; width: 100%; padding: 54px 0;}
.gnb-pc-in .menu>ul>li>a span{display:block;font-family: 'Josefin Sans', sans-serif;font-size:12px;font-weight:400;color:#fff;letter-spacing:3px; transition: all .2s ease-in-out; filter:drop-shadow(0 1px 3px rgba(0,0,0,.2));}
.gnb-pc-in .menu>ul>li>a span:first-child{opacity: 0; display:block;font-family: 'Josefin Sans', sans-serif;font-size:13px;font-weight:400;letter-spacing:3px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 150%; text-align: center; }
.gnb-pc-in .menu>ul>li.on> a > span:first-child{ opacity:1; }
.gnb-pc-in .menu>ul>li.on> a > span:last-child{ opacity:0; }
.gnb-pc-in h1>a{display:block;padding-bottom:15px;}
.gnb-pc-in h1>a>img{display:block;width:70px; filter:drop-shadow(0 1px 3px rgba(0,0,0,.2)) invert(1);}
.gnb-pc-in .sub{visibility:hidden;display:flex;position:absolute;top:160px;left:50%;transform:translateX(-50%);width:150px;padding:15px 0;justify-content:center;align-items:center;background-color:rgba(0,0,0,.6);}
.gnb-pc-in .sub>ul>li{line-height:26px;text-align:center;}
.gnb-pc-in .sub>ul>li>a{font-family: 'Noto Sans KR', sans-serif;font-size:12px;font-weight:300;color:#fff;}
.gnb-pc-in .menu>ul>li.on .sub{visibility:visible;top:120px;transition:all .5s ease-in-out;}

.gnb-pc.scroll{background-color:#fff;transition:.5s;box-shadow:0 0 20px rgba(0,0,0,0.05);}
.gnb-pc.scroll .gnb-pc-in .menu>ul>li>a{color:#333;}
.gnb-pc.scroll .gnb-pc-in .menu>ul>li>a span{filter:drop-shadow(0 1px 3px rgba(0,0,0,0));}
.gnb-pc.scroll .gnb-pc-in>.menu>ul>li>h1>a>img{content:url(../img/logo.png);}

.gnb-m .gnb-m-top .btn-area a{padding:6px; box-sizing: border-box;}
.gnb-m .gnb-m-top .btn-area a i{ font-size:22px; color: #444;}
.gnb-m .gnb-m-top .btn-area a:nth-child(1) i{ font-size:23px; color: #444;}
.gnb-m .gnb-m-top .btn-area a:nth-child(1){margin-right: 8px;}
.gnb-m .gnb-m-top .btn-area a:nth-child(2) i{ padding-top:1px;}

/*section*/
/*common*/
.con-tit{text-align:center;}
.con-tit>p{margin-bottom:20px;font-family: 'Josefin Sans', sans-serif;font-size:13px;font-weight:400;letter-spacing:2px;}
.con-tit>h3{font-family: 'Nanum Myeongjo', serif;font-size:40px;font-weight:600;letter-spacing:3px;}
.btn{box-sizing: border-box;padding-top:2px; display:flex;position:relative;width:250px;height:60px;font-family: 'Josefin Sans', sans-serif;font-size:14px;font-weight:400;color:#505050;text-align:center;align-items:center;justify-content:center;border:1px solid #505050;letter-spacing:2px; transition: all .2s ease-in-out;}
.btn:hover{font-weight:500;background-color:#505050;border:1px solid transparent;color:#fff;}


/*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-txt{position:absolute;top:50%;left:50%;z-index:9;transform:translate(-50%, -50%);width:90%;}
.main-bn-txt>h2{margin-bottom:30px;}
.main-bn-txt>h2>span{display:block;}
.main-bn-txt>h2>span:nth-child(1){margin-bottom:15px;font-family: 'Josefin Sans', sans-serif;font-size:15px;font-weight:400;color:#fff;letter-spacing:3px;text-shadow: 0px 0px 4px rgba(0,0,0,0.3);}
.main-bn-txt>h2>span:nth-child(2){font-size:48px;font-family: 'Nanum Myeongjo', serif;font-weight:700;color:#fff;text-shadow: 0px 0px 4px rgba(0,0,0,0.3);letter-spacing:10px;}
.main-bn-txt>p{margin-bottom:30px;font-size:15px;font-weight:300;color:#fff;line-height:26px;}
.main-bn-txt>p>span{display:block;}
.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-prv i{ font-size:3.44em; color:#fff; }
.main-swip-nxt{right:20px;}
.main-swip-nxt i{ font-size:3.44em; color:#fff; }
.main-bn-txt>a.btn{margin:0 auto;border:1px solid #fff;background-color:transparent;text-shadow: 0px 0px 4px rgba(0,0,0,0.4);color:#fff;}
.main-bn-txt>a.btn:hover{background-color:#505050;border:1px solid transparent;transition:.3s;}
.main-bn-page{position:absolute;bottom:50px;left:50%;transform:translateX(-50%);z-index:99;color:#fff;text-shadow:0 0 2px rgba(0,0,0,0.3);}
.main-bn-page span{margin:0 10px;}

/*footer*/
footer{overflow:hidden;width:100%;background-color:#C1BCAC;text-align:center;}
.footer-in{overflow:hidden;width:1400px;margin:0 auto;}
.footer-top{display:flex;padding:80px 0 50px;align-items:center;justify-content:space-between;}
.footer-con{display:flex;width:33%;justify-content:center;align-items:center;flex-direction:column;}
.footer-con h1{margin-bottom:20px;}
.footer-con h1 a{display:block;}
.footer-con h1 a img{ width:80px; filter: invert(1); }
.footer-con h2{margin-bottom:20px;font-family: 'Nanum Myeongjo', serif;font-size:19px;font-weight:700;color:#fff;letter-spacing:3px;}
.footer-con>ul>li{font-size:14px;font-weight:400;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;}
.footer-con:nth-child(1)>ul>li:first-child{font-weight:500;}
.footer-con:nth-child(2){padding:25px 0;border-left:1px dashed #fff;border-right:1px dashed #fff;}
.footer-con:nth-child(2)>ul>li>span{margin-right:10px;color:#eaeaea;}
.footer-con:nth-child(2)>ul>li>span:nth-child(2){margin-left:10px;}
.footer-con .btn-area a{display:block;width:200px;padding:18px 0;border:1px solid #fff;background-color:transparent;font-family: 'Josefin Sans', sans-serif;font-size:14px;font-weight:400;transition:.3s;letter-spacing:2px;color:#fff;}
.footer-con .btn-area a:nth-child(1){margin-bottom:20px;}
.footer-con .btn-area a:hover{font-weight:500;background-color:#505050;border:1px solid transparent;color:#fff;}

.footer-bt{width:100%;padding:10px 0 40px;text-align:center;}
.footer-bt>p{font-size:15px;font-weight:300;color:#fff;}
.footer-bt>p>a{font-size:15px;font-weight:300;color:#fff;}

.footer-in a.who{ transition: all .2s ease-out;}
.footer-in a.who:hover{color: #ff5a53;}

.minbak{ width: 24px; vertical-align: middle; margin-left: 10px; }

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

  .gnb-pc-in{width:100%;padding:0 50px;}
  .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;top:0;left:0;z-index:999;width:100%;}
  .gnb-m-top{display:flex;position:absolute;top:0px;left:0;z-index:998;width:100%;height:75px;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-top h1>a>img{width:50px; filter: invert(0);}
  .btn-area{display:flex;align-items:center;justify-content: center;}
  .ham-btn{position:relative;width:28px;height:31px;margin-left:19px;background-color:transparent;border:none;cursor: pointer;}
  .ham-btn::before, .ham-btn::after, .ham-btn div{content: "";display: block;height: 2px;margin: 6px 0;transition: all .3s ease-in-out;background-color: #444;border-radius: 4px;} 
  .ham-btn div{transition: all .3s ease-in-out;}
  .ham-btn::before, .ham-btn::after{transition-delay: .2s;}

  .gnb-m.hammenu-on .ham-btn div{background-color:transparent; }
  .gnb-m.hammenu-on .ham-btn:before {transform: translateY(9px) rotate(45deg);}
  .gnb-m.hammenu-on .ham-btn:after {transform: translateY(-7px) rotate(-45deg);} 
  
  .hammenu{position:fixed;top:75px;right:-500px;z-index:999;width:45%;height:100vh;background-color:#fff;transition:all .6s ease-in-out;}
  .gnb-m.hammenu-on .hammenu{right:-1px;}
  .hammenu-con{display:flex;width:100%;padding-top:80px;justify-content:center;align-items:center;}
  .hammenu-con>ul>li{position:relative;width:100%;}
  .hammenu-con>ul>li>a{display:inline-block;font-family: 'Josefin Sans', 'MapoGoldenPier';font-size:18px;font-weight:400;color:#000; width: 100%;padding:12px; margin: 2px 0; }
  .hammenu-con>ul>li>i{ color: #000; font-size: 18px; position: absolute; right: 0; top: 12px; transition: all .3s ease-in-out; cursor: pointer;}
  .hammenu-con>ul>li.active>i{transform: rotate(180deg);}
    
  .hammenu-con>ul>li>.sub{display:none; margin-bottom: 6px;}
  .hammenu-con>ul>li>.sub>ul>li{line-height:22px;}
  .hammenu-con>ul>li>.sub>ul>li>a{display:block;font-size:14px;font-weight:400;color:#7A7A7A;font-family: 'Noto Sans KR', sans-serif; padding:2px; padding-left: 24px; margin:2px 0;}
  .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:#808080;}
  .hammenu-con>ul>li>.sub>ul>li:hover>a{font-weight:700;}


  /*section*/
  .con-tit>p{font-size:13px;margin-bottom:0;}
  .con-tit>h3{font-size:35px;line-height:50px;}
  .btn{width:200px;height:50px;font-size:13px;}

  .main-bn{height:calc(70vh - 75px);margin-top:75px;}
  .main-bn-txt>h2>span:nth-child(1){margin-bottom:15px;font-size:13px;letter-spacing:2px;}
  .main-bn-txt>h2>span:nth-child(2){font-size:50px;letter-spacing:5px;}
  .main-bn-txt>p{margin-bottom:30px;font-size:13px;line-height:25px;}
  .main-swip-prv>img, .main-swip-nxt>img{width:40px;}


  /*footer*/
  .footer-top{flex-direction:column;padding:50px 0 30px;}
  .footer-con{width:100%;margin-bottom:20px;}
  .footer-con h2{margin-bottom:15px;}
  .footer-con:nth-child(2){margin-bottom:30px;padding:0;border:none;}
  .footer-con .btn-area a:nth-child(1){margin-bottom:0;}
  .footer-bt{border-top:1px dashed #fff;}
  .footer-bt>p{font-size:12px;}
  .footer-bt>p>a{font-size:12px;}
  .footer-con .btn-area a{width:160px;height:50px;margin:0 10px;font-size:12px;}

}

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

  .hammenu{width:55%;right:-420px;}

  .mbr{ display: none;}
    

  /*section*/
  .main-swip-prv{left:5px;}
  .main-swip-nxt{right:5px;}
  .main-swip-prv>img, .main-swip-nxt>img{width:30px;}
  .main-bn-txt{width:88%; text-shadow: 0 1px 1px rgba(0,0,0,.4);}
  .main-bn-txt>h2>span:nth-child(1){margin-bottom:10px;font-size:12px;letter-spacing:2px;}
  .main-bn-txt>h2>span:nth-child(2){font-size:35px;letter-spacing:4px;}
  .main-bn-page{bottom:30px;font-size:14px;}

  .main-swip-prv i{ font-size:2.44em; }
  .main-swip-nxt i{ font-size:2.44em; }
  .con-tit>p{font-size:11px;}
  .con-tit>h3{font-size:28px;line-height:40px;}
  /*footer*/
  .footer-con>h1>a>img{width:80px;}
  .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 a{padding:10px 0;font-size:13px;} */
  .footer-bt{padding:20px 0;}
}
@media screen and (min-width:1px) and (max-width:520px){
  .hammenu{right:-320px;}
}