@charset "utf-8";

/*font-family: 'SUIT';*/
/*@import url('http://webfontworld.github.io/sunn/SUIT.css');*/
/*font-family: "Playfair Display", serif;*/
@import url('http://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
/*font-family: 'JejuMyeongjo';*/
@import url('http://webfontworld.github.io/jeju/JejuMyeongjo.css');

body{ background:rgba(242, 240, 228, 0.3); overflow-x: hidden;}

body::-webkit-scrollbar {
    width: 8px;  /* 스크롤바의 너비 */
}

body::-webkit-scrollbar-thumb {
    height: 30%; /* 스크롤바의 길이 */
    background: #815C3C; /* 스크롤바의 색상 */
    
    border-radius: 10px;
}

body::-webkit-scrollbar-track {
    background: #f2f0e4;  /*스크롤바 뒷 배경 색상*/
}

/*header*/
.gnb-m{display:none;}
.gnb-pc{ width:100%; z-index:999; height:100px; position:absolute; top:0; left:0; background-color: transparent;}
.gnb-pc .gnb-pc-in{ width:1400px; height:100%; margin: 0px auto; display:flex; justify-content:space-between;  }
.gnb-pc .gnb-pc-in h1{ margin:20px auto; }
.gnb-pc .gnb-pc-in h1 a{ display:block; width:100%; height:100%; }
.gnb-pc .gnb-pc-in h1 img{ width:200px; filter: drop-shadow(1px 1.5px); filter: invert(100%);}
.gnb-pc .gnb-pc-in .menu{ display:flex; width:100%; height:100%; justify-content:center; align-items:center; }
.gnb-pc .gnb-pc-in .menu li{ position:relative; padding:0 40px; transition: all 0.3s ease-in-out;}
.gnb-pc .gnb-pc-in .menu li a{ display:block; width: 100%; height: 100%; line-height: 100px; font-size:16px; font-weight:400; color:#fff;  position:relative; visibility: visible; text-align: center; text-shadow: 1px 1px 1px #222;}

.gnb-pc .gnb-pc-in .menu li .sub{ display: none; position:absolute; top:100px; left:50%; transform: translateX(-50%); width:150%; padding:20px 0; background-color:#fffdf0; transition: all 0.3s ease-in-out; }
.gnb-pc .gnb-pc-in .menu li:last-child .sub{ width:120%; }
.gnb-pc .gnb-pc-in .menu li .sub li{  transition: all .15s ease-in-out; padding: 0;}
.gnb-pc .gnb-pc-in .menu li .sub li a{ line-height: 36px; font-size:14px; font-weight:400; color:#222; width:100%; padding:0; text-shadow: none;}
.gnb-pc .gnb-pc-in .menu li .sub li a:hover{ letter-spacing:1px; }
.gnb-pc .gnb-pc-in .menu li.on .sub{ display: block; top: 100px; opacity: 1; transition: all 0.3s ease-in-out;}

.gnb-pc .gnb-pc-in .menu li .sub .sub_room{ color:#222; font-size:12px; line-height:1.25em; padding-bottom:10px; display: block;}
.gnb-pc .gnb-pc-in .menu li.on .sub .sub_room{ color:#222; font-size:12px; line-height:1.25em; padding-bottom:10px; display: block;}

.gnb-pc .gnb-pc-in .res-btn{ display:flex; justify-content: space-between;}
.gnb-pc .gnb-pc-in .res-btn a{ display:block; width:100%; height:100%;  }
.gnb-pc .gnb-pc-in .res-btn div a i{ font-size: 30px; color:#fff; }
.gnb-pc .gnb-pc-in .res-btn div:nth-of-type(1) a i{ padding: 30px 15px 30px 0px; text-shadow: 1px 1px 1px #222;}
.gnb-pc .gnb-pc-in .res-btn div:nth-of-type(2) a i{ padding: 30px 0px 30px 15px; text-shadow: 1px 1px 1px #222;}

/*gnb-pc scroll*/
.gnb-pc.scroll{ width:100%; height:100px; background-color:#fff; transition: all 0.5s ease-in-out; position:fixed; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); }
.gnb-pc.scroll .gnb-pc-in{ justify-content:space-between; }
.gnb-pc.scroll .gnb-pc-in h1{ display:block; }
.gnb-pc.scroll .gnb-pc-in h1 a{ display:block; }
.gnb-pc.scroll .gnb-pc-in h1 a img{ width:200px; filter: inherit;filter: invert(0);}
.gnb-pc.scroll .gnb-pc-in .menu{ justify-content:center; }
.gnb-pc.scroll .gnb-pc-in .menu li{ line-height:100px; }
.gnb-pc.scroll .gnb-pc-in .menu li a{ color:#222; text-shadow: none;}
.gnb-pc.scroll .gnb-pc-in .menu li a::before{ color:#222; text-shadow: none;}
.gnb-pc.scroll .gnb-pc-in .menu li.on a{color:#6B6B87;}
.gnb-pc.scroll .gnb-pc-in .menu li .sub{ background-color:#e1dfd3; top:100px; transition:all 0.4s ease-in-out; }
.gnb-pc.scroll .gnb-pc-in .menu li .sub li a{ font-weight:300; color:#222; }
.gnb-pc.scroll .gnb-pc-in .menu li.on .sub{ display:block; top:100px; }
.gnb-pc.scroll .gnb-pc-in .menu li.on .sub li{ transition: all 0.2s ease-in-out; }
.gnb-pc.scroll .gnb-pc-in .menu li.on .sub li:hover{ letter-spacing:1px; }
.gnb-pc.scroll .gnb-pc-in .menu li.on .sub .sub_room{ color:#222; }
.gnb-pc.scroll .gnb-pc-in .res-btn div a i{ color:#222; text-shadow: none;}

/*gnb-m*/
.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){ margin-right:8px; }
.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(2) i{ padding-top:1px; }

/*footer*/
.footer{ width:100%; background-color:#e1dfd3; padding: 60px 0; }
.footer .footer-in{ width:1400px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; }
.footer .footer-in .footer-l p{ margin-bottom: 20px; }
.footer .footer-in .footer-l p i{ font-size:20px; color:#000; margin-right: 10px; vertical-align:middle; }
.footer .footer-in .footer-l p span{ font-size:16px; color:#393939; font-weight: 400; vertical-align:middle; }

.footer .footer-in .footer-l .f-logo img{ display:none; }
.footer .footer-in .footer-c .f-logo img{ width: 200px; text-align:center; }

.footer .footer-in .footer-r p span{ display:block; text-align:right; font-size:14px; line-height:24px; }
.footer .footer-in .footer-r p span img{ width:20px; vertical-align:middle; margin-left:10px; }

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

/**********************************************반응형********************************************************/
@media all and (max-width: 1400px){
	.gnb-pc .gnb-pc-in{ width:95%; }
	.footer .footer-in{ width:95%; }
}
@media all 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:0; left:0; z-index:998; width:100%; height:80px; margin: 0 auto; justify-content:space-between; align-items: center; background:#fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
	.gnb-m-top h1{ padding-left:20px; }
	.gnb-m-top h1 a img{ width:150px; }
	
	.btn-area{ display:flex; align-items:center; justify-content:center; padding-right:20px; }
	.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 0.3s ease-in-out; background-color:#444; border-radius:4px; }
	.ham-btn div{ transition: all 0.3s ease-in-out; }
	.ham-btn::before, .ham-btn::after{ transition-delay: 0.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); }

	.m-menu{ position:fixed; top:80px; right:-500px; z-index:99; width:45%; height:100vh; background-color:#fffdf5; transition: all 0.6s ease-in-out; }
	.gnb-m.hammenu-on .m-menu{ right:0px; }
	.m-menu-con{ display:flex; width:100%; padding-top:80px; justify-content:center; align-items:center; }
	.m-menu-con > ul > li{ position:relative; width:100%; }
	.m-menu-con > ul > li > a{ display:inline-block; font-family: 'SUIT'; font-size: 18px; font-weight:400; color:#000; width:100%; padding:12px; margin:2px 0; }
	.m-menu-con > ul > li > i{ color:#000; font-size:18px; position:absolute; right:-10px; top:12px; transition: all 0.3s ease-in-out; cursor: pointer; }
	.m-menu-con > ul > li.active > i{ transform: rotate(180deg); }
	
	.m-menu-con > ul > li > .sub{ display: none; margin-bottom:6px; }
	.m-menu-con > ul > li > .sub > ul > li{ line-height:28px; }
	.m-menu-con > ul > li > .sub > ul > li > a{ display:block; font-size:16px; font-weight:500; color:#7a7a7a; font-family: 'SUIT'; text-align:center; }
	.m-menu-con > ul > li > .sub > ul > li > a span{ display:block; font-size:14px; font-weight:400; color:#7a7a7a; font-family: 'SUIT'; text-align:center; }
	.m-menu-con > ul > li > .sub > ul > li:hover > a{ font-weight:700; }

	/*footer*/
	.footer .footer-in{ flex-direction:column; justify-content:flex-start; align-items: center; }
	.footer .footer-in .footer-c .f-logo img{ display:none; }
	.footer .footer-in .footer-l{ margin: 0 auto 30px; }
	.footer .footer-in .footer-l .f-logo img{ display:block; width:180px; margin:0 auto; }
	.footer .footer-in .footer-l .f-logo{ margin-bottom:30px; }
	.footer .footer-in .footer-r p span{ text-align:center; color:#393939; }
	.footer .footer-in .footer-l p:last-child{ margin-bottom:0; }

	.footer .footer-in .footer-l p{margin-bottom: 10px;}
	.footer .footer-in .footer-l p i{ font-size:15px; }


}

@media all and (max-width: 768px){
	.m-menu{ width:60%; }

	.footer .footer-in .footer-l p span{ font-size:12px; }
	.footer .footer-in .footer-r p span{ font-size:12px; }
}
@media all and (max-width: 320px){
	.footer .footer-in .footer-l p{ margin-bottom:12px; }
	.footer .footer-in .footer-l p span{ font-size:12px; }
	.footer .footer-in .footer-r p span{ font-size:12px; }
}