@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); }
html, body{background:#f5f5f5;}
@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;
}
@font-face {
    font-family: 'MapoFlowerIsland';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoFlowerIslandA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*@import url(//fonts.googleapis.com/earlyaccess/jejumyeongjo.css);*/
/*font-family: 'Jeju Myeongjo', serif;*/

.font1{font-family: 'MapoGoldenPier' !important;}
.font2{font-family: 'MapoFlowerIsland' !important;}
.font3{font-family: 'Jeju Myeongjo', serif !important;}


/*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:131px;  background:#f5f5f5;}
.gnb-pc-in{display:flex;position:relative;width:1400px;height:100%;margin:0 auto;justify-content:center; flex-direction: column; border-bottom: solid 1px rgba(0,0,0,.1);}


.gnb-pc-in .menu{width:100%;height:100%; display:flex; justify-content: space-between; }
.gnb-pc-in .menu_top{width:100%; height: auto; display:flex; justify-content: space-between; align-items: center;}
.gnb-pc-in .menu_top a{ display: inline-block; width:130px; padding: 16px 0 0px; }
.gnb-pc-in .menu_top a img{width:100%; position:relative;}
.gnb-pc-in .menu_top .slogan{}
.gnb-pc-in .menu_top .slogan span{font-family: 'MapoGoldenPier'; font-size: 12px; font-weight: 400;}


.gnb-pc-in .menu>.left{display:flex;height:100%;justify-content:flex-start; align-items:center;}
.gnb-pc-in .menu>.left>li{display:flex;position:relative;height:100%;align-items:center;justify-content:center; padding:20px 16px 8px;}
.gnb-pc-in .menu>.left>li:first-child{padding-left:0px;}
.gnb-pc-in .menu>.left>li:hover a span{color:#000;}
.gnb-pc-in .menu>.left>li:first-child a{padding-left:2px;}
.gnb-pc-in .menu>.left>li>a{display:block;letter-spacing:3px; width: 100%; padding: 10px;}
.gnb-pc-in .menu>.left>li>a span{display:block;font-family: 'MapoGoldenPier'; font-size:14px;font-weight:400;color:#333;letter-spacing:3px; transition: all .2s ease-in-out;}
.gnb-pc-in .menu>.right>li{display:inline-block;position:relative;height:100%;width: 50px; font-size: 20px; text-align: end;}
.gnb-pc-in .menu>.right>li a{padding: 6px; color: #555;}
.gnb-pc-in .menu>.right>li:last-child a{padding-right: 0px;}
.gnb-pc-in h1>a{display:block;padding-bottom:15px;}
.gnb-pc-in h1>a>img{display:block;width:85px; filter:drop-shadow(0 1px 3px rgba(0,0,0,.2));}
.gnb-pc-in .sub{visibility:hidden;display:flex;position:absolute;top:60px;left:50%;transform:translateX(-50%);width:130px;padding:15px 0;justify-content:center;align-items:center;background-color:#f5f5f5; box-shadow:inset 0 1px 3px rgba(0,0,0,.1);  opacity: 0; transition:all .4s ease-in-out;}
.gnb-pc-in .sub>ul{width: 100%;}
.gnb-pc-in .sub>ul>li{line-height:2em;text-align:center;}
.gnb-pc-in .sub>ul>li>a{display: block; width: 100%; font-size:14px;font-weight:300;color:#333; padding:4px; letter-spacing: 2px; transition: all .2s ease-in-out;}
.gnb-pc-in .sub>ul>li:hover>a{letter-spacing: 1px;}
.gnb-pc-in .menu>.left>li.on .sub{visibility:visible;top:70px; opacity:1;}

.gnb-m .gnb-m-top  h1 a{display: inline-block; width:180px; padding: 8px 0;}
.gnb-m .gnb-m-top  h1 a img{width:100%; position:relative; transform:translateX(-16px); }
.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:20px; color: #555;}
.gnb-m .gnb-m-top .btn-area a:nth-child(1){margin-right: 8px;}

/*section*/
/*common*/
.con-tit{text-align:center;}
.con-tit>p{margin-bottom:14px; font-size:14px;font-weight:400;letter-spacing:2px;}
.con-tit>h3{font-family: 'Nanum Myeongjo', serif;font-size:40px;font-weight:400;letter-spacing:3px;}
.con-tit>h3 b{font-size: 38px;}
.btn{box-sizing: border-box;display:flex;position:relative;width:250px; height:60px; font-size:16px; font-weight:400; font-family: 'MapoFlowerIsland'; color:#000;text-align:center;align-items:center;justify-content:center;border:1px solid #111; letter-spacing:2px; transition: all .2s ease-in-out;  pointer-events: auto !important;}
.btn:hover{font-weight:500;background-color:#555;border:1px solid transparent;color:#fff;}
.btn_a{box-sizing: border-box; position:relative;width:150px; height:auto; color:#000; font-size:16px; font-weight:400; font-family: 'MapoFlowerIsland'; display:block; position: relative;}
.btn_a .bar{position: absolute; top:7px; left:2px; width: 50px; height: 1px; background:#222; display:inline-block;  margin:10px 0 10px 10px; opacity: 1; vertical-align: middle; transition: all .4s ease-in-out;}
.btn_a .text{display:inline-block; padding:10px; margin-left: 46px;}
.btn_a.left .bar{margin-left: 0; }
.btn_a.right .text{padding-right: 0;}
.btn_a:hover .bar{width: 106px; transition: all .4s ease-in-out;}
.btn_b{position:relative; display: inline-block; margin: 40px 0 0; width: auto; height: 40px; line-height: 36px; overflow: hidden; cursor: pointer; }
.btn1{background:transparent;}
.btn1 a{ position: relative; font-family: 'Source Sans 3', sans-serif; z-index:2; vertical-align: middle; font-size: 13px; letter-spacing: 1px; font-weight: 600; display: inline-block; width:100%;}
.btn1 a:hover .dot{ margin-left: 5px;}


/*main banner*/
.main-bn{position:relative;width:1400px;height:auto;text-align:center; margin: 0 auto; aspect-ratio: auto 16 / 9; padding-top: 100px; padding-bottom: 20px; border-bottom: solid 1px rgba(0,0,0,.1);}
.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;bottom:0%;right:0%;z-index:9;transform:translate(-10%, -10%); width:auto; text-align: right;}
.main-bn-txt>h2{padding-bottom:30px; text-shadow: 0 1px 3px rgba(0,0,0,.9); pointer-events: none; -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; pointer-events: none;}
.main-bn-txt>h2>span{display:block;}
.main-bn-txt>h2>span:nth-child(1){margin-bottom:15px;font-family: 'MapoGoldenPier';font-size:15px;font-weight:400;color:#fff;letter-spacing:3px;}
.main-bn-txt>h2>span:nth-child(2){font-size:48px; font-family: 'MapoFlowerIsland'; font-weight:400;color:#fff;letter-spacing:3px;}
.main-bn-txt>h2>span:nth-child(2) b{font-size:45px;}
.main-bn-txt>p{padding-bottom:40px;font-size:15px;font-weight:400;color:#fff;line-height:1.5em; font-family: 'Jeju Myeongjo', serif; text-shadow: 0 1px 3px rgba(0,0,0,1); -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; pointer-events: none;}
.main-bn-txt>p>span{display:block;}
.main-swip-prv, .main-swip-nxt{position:absolute;bottom:45px;z-index:99;cursor: pointer; text-shadow: 0 1px 3px rgba(0,0,0,1);}
.main-swip-prv{left:45.5%;}
.main-swip-prv i{ font-size:1.5em; color:#fff; }
.main-swip-nxt{right:45.5%;}
.main-swip-nxt i{ font-size:1.5em; color:#fff; }
.main-bn-txt>a.btn{margin:0 0 0 auto;border:solid 1px #fff; background-color:transparent; color:#fff; text-shadow: 0 1px 3px rgba(0,0,0,1); padding-top: 1px;}
.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 1px 3px rgba(0,0,0,.9); font-family: 'MapoGoldenPier';}
.main-bn-page span{margin:0 10px;}

/*footer*/
footer{overflow:hidden;width:100%;background-color:#f5f5f5;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; border-bottom: solid 1px rgba(0,0,0,.2);}
.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:150px; }
.footer-con h2{margin-bottom:20px;font-size:19px;font-weight:700;color:#222;letter-spacing:3px;}
.footer-con>ul>li{font-size:14px;font-weight:400;color:#222;line-height:22px;}
.footer-con>ul>li>a{font-size:20px;font-weight:400;color:#222;line-height:22px;}
.footer-con:nth-child(1)>ul>li a:first-child{font-weight:500; padding: 6px;}
.footer-con:nth-child(1)>ul>li:first-child{font-weight:500; margin-bottom: 10px;}
.footer-con:nth-child(2){padding:25px 0;}
.footer-con:nth-child(2)>ul>li>span{margin-right:10px;color:#888;}
.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 #222;background-color:transparent;font-family: 'Josefin Sans', sans-serif;font-size:14px;font-weight:400;transition:.3s;letter-spacing:2px;color:#222;}
.footer-con .btn-area a:nth-child(1){margin-bottom:20px;}
.footer-con .btn-area a:hover{font-weight:500;background-color:#555;border:1px solid transparent;color:#fff;}

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

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


/************************반응형****************************/
@media screen and (min-width:1px) and (max-width:1400px){
    .main-bn{width: calc(100% - 20px);}
  .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){
    
  .main-bn{height:calc(85vh - 75px);margin-top:75px; padding-top:10px; padding-bottom: 10px;}
  .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:#f5f5f5;align-items:center;box-shadow:0 1px 2px rgba(0,0,0,0.1);}
  .btn-area{display:flex;align-items:center;justify-content: center;}
  .ham-btn{position:relative;width:24px;height:30px;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:#f5f5f5;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%; margin: 16px 0; text-align: center;}
  .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; letter-spacing: 1px; transition:all .3s ease-in-out; }
  .hammenu-con>ul>li>i{ color: #000; font-size: 16px; position: absolute; right: -10px; top: 12px; transition: all .2s ease-in-out .3s; cursor: pointer;}
    .hammenu-con>ul>li.active>a{letter-spacing: 2px;}
  .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:#555;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>ul>li>.sub>ul>li:hover>a{font-weight:700;}

  .gnb-m .gnb-m-top h1 a{ width:120px;  transform: translateX(-6px);}
  .gnb-m .gnb-m-top h1 a img{ width:100%; transform: translateX(-6px);}


  /*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-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-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;}
    

  /*section*/
  .main-swip-prv, .main-swip-nxt{ bottom:27px; z-index:10; }
  .main-swip-prv{left:38%;}
  .main-swip-nxt{right:38%;}
  .main-bn-txt{ z-index:1; margin-bottom: 50px;}
  .main-bn-txt>p{ padding-bottom:0px; }
  .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-txt>h2>span:nth-child(2) b{font-size:34px;}
  .main-bn-page{bottom:30px;font-size:14px; z-index: 1; width: auto;}

  .main-swip-prv i{ font-size:1em; }
  .main-swip-nxt i{ font-size:1em; z-index:999 }
  .con-tit>h3{font-size:28px;line-height:40px;}
  .con-tit>h3 b{font-size:26px;}
  /*footer*/
  .footer-con>h1>a>img{width:100px;}
  .footer-con>ul>li{font-size:13px;line-height:20px;}
  .footer-con>ul>li>a{font-size:18px;line-height:20px;}
  /* .footer-con .btn-area a{padding:10px 0;font-size:13px;} */
  .footer-bt{padding:20px 0;}
  .footer-con h2{ font-size:16px; font-weight: 500;}
  .footer-con:nth-child(1)>ul>li a:first-child{ font-weight:700; }
}
@media screen and (min-width:1px) and (max-width:520px){
    
  .main-bn{height:calc(80vh - 75px);margin-top:75px; padding-top:10px; padding-bottom: 10px;}
  .hammenu{right:-320px; width: 65%;}
  .footer-con .btn-area a{width:140px;}
}