@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');
@font-face {
    font-family: 'TAEBAEKfont';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2310@1.0/TAEBAEKfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TAEBAEKmilkyway';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2310@1.0/TAEBAEKmilkyway.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'iceJaram-Rg';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/iceJaram-Rg.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}


/* 초기화 */
html {overflow-y:scroll }
body {margin:0;padding:0;font-size:1em; font-family: 'Pretendard'; color:#555; width:100%; overflow:hidden; font-weight:200;}
li, a, p{box-sizing: border-box;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul {margin:0;padding:0;list-style:none}
li{list-style:none;}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:0.8em}
button {cursor:pointer}

textarea, select {font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all; box-sizing: border-box;}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited, a:hover, a:focus, a:active {color:#333; text-decoration:none}

.mainColor{color:#a1988f !important;}
.mainBgColor{background:#a1988f !important;}
.floatL{float:left;}
.floatR{float:right;}
.clear{clear:both;}
.inner { max-width: 1200px; margin: 0 auto; padding: 100px 10px;}

.container {max-width:1200px; margin:0 auto;}
.logoText{font-family: 'iceJaram-Rg'; font-weight: 200;}
.displayN{display:none;}
.displayN700{display:none;}


.goBtn{padding: 15px 40px; display: inline-block; color: #eee !important; border-radius: 30px; margin-top: 15px; font-size:0.9em; letter-spacing:0.1em; line-height: 1em;}
.goBtn i{color: #ffffff36; margin-left: 5px; vertical-align: middle;}
.inquiry{display: flex; text-align: center; width: 240px; margin: 0 auto;}
.inquiry a{width: 50%; display: inline-block; margin:0 5px; border-radius: 30px; font-size: 0.9em; padding: 12px 0; line-height: 1em; border: 1px solid ; color: #a1988f;} 
.inquiry a:hover{background: #6464640f;}
.inquiry a i{font-size: 0.85em; color: #cdcdcd !important;}

#smart_editor2{min-width:100% !important;}

/*herder */
section#header{
	
    background-size: cover;
    background-position: center;
	}
section#header .headerBg{background: #a1988fbd;z-index: 100; position: relative; box-shadow: 0 0 10px #0000002e;}
.mainHeader{height:90px; padding:0 0 0 15px; position:relative;}
.mainHeader>div{}
.mainHeader .headerLogo{position: absolute; left: 15px; top: 50%; transform: translateY(-50%);}
.mainHeader .headerLogo a{font-size: 40px; color: #fff; letter-spacing: -0.05em; line-height: 90px; text-shadow: 0 0 5px #7a7a7a29;}
.mainHeader .menuList{position:absolute; right:5px; top:50%; transform:translateY(-50%);}
.mainHeader .menuList ul{display:flex; height:100%;}
.mainHeader .menuList li{display: inline-flex;  align-items: center; position:relative; height:90px; line-height:90px; width:100px;  color: #eee; justify-content: center;cursor: pointer;}
.mainHeader .menuList li a{display: inline-block;padding:; font-size:1em; font-weight: 300;  color: #eee; width: 100%; text-align:center;}
.mainHeader .menuList li a:hover{}


.mainHeader .menuList #panel{position: absolute; top: 90px; left: 50%; transform: translateX(-50%); background: rgb(56 56 56 / 52%);}
.mainHeader .menuList #panel ul{}
.mainHeader .menuList #panel ul li{height: 50px; width: 90px; border-right: 1px solid #00000017; font-size: 0.85em;}
.mainHeader .menuList #panel ul li:last-child{border-right:none;}
.mainHeader .menuList #panel ul li a{line-height:50px; color:#eee}
.mainHeader .menuList #panel ul li a:hover{background: #00000015;}

.menuwrap .category_list .category .link_sub_item{border-bottom:none;}
.menuwrap .category_list .category #panel_m{background: #d7d7d740;}
.menuwrap .category_list .category #panel_m ul{}
.menuwrap .category_list .category #panel_m ul li{}
.menuwrap .category_list .category #panel_m ul li a{padding: 12px 0; font-size: 0.9em; letter-spacing: 0.2em; color: #666; border-color: #fff;}


#headerText{position: relative; clear: both; width: 100%; height: 90vh;}
#headerText .mainInner{position: absolute; top: 0; left: 0; color: #fff; text-align: center; width: 100%; height: 100%; background:;}
#headerText .mainInner .innerBox{transform: translateY(-50%); top: 50%; position: absolute; left: 0; width:100%; text-align:center;}
#headerText .mainInner .innerBox>a{ display:inline-block; margin:15px 0 20px;font-size:40px;}
#headerText .mainInner .innerBox>a b{ font-weight:800; color:#fff;}
#headerText h2{font-size: 50px; font-family: ; letter-spacing: -0.07em;}
#headerText p{}
#headerText .text01{display:none; font-size: 32px; padding: 0px 0 10px; color: #fff; letter-spacing: 0.03em; font-family: 'TAEBAEKmilkyway'; text-shadow: 0 0 10px #a1988f9e; font-weight: 100; margin-bottom: 15px; line-height: 50px;}
#headerText .text01 img{margin-bottom:10px;}
#headerText .text01 b{font-weight:800}
#headerText .text01 .textEn{font-size: 14px; margin-top: 5px; display: inline-block; color: #fff;}
#headerText .text02{font-size: 15px; font-weight: ; line-height: 25px;}
#headerText .text02 span{background: #076155; padding: 5px 30px; color: #fff; border-radius: 38px; display: inline-block; margin-right: 3px; margin-bottom:5px;}
#headerText .displayN{display:none;}


#mainSnsBtn{display:flex; justify-content: space-between;max-width:700px; margin:; padding:0 10px;}
#mainSnsBtn a{display:inline-block; width:49.5%; text-align:center; height:60px; line-height:60px; font-size:1.6em; border-radius: 10px;}
#mainSnsBtn a.call{background: #0383ce; color:#fff;}
#mainSnsBtn a.kakao{background: #fae301; color: #3c1c28; width:34%;}
#mainSnsBtn a.reservation{background: #77b138; color: #fff;}

#snsBtn #mainSnsBtn{padding-top:15px;}
#snsBtn #mainSnsBtn a{height: 50px; line-height: 50px;}


/*herder menu slider */
.mainHeader .mobile-menu {display:none; width: 55px; height: 55px; padding: 5px; background-color: initial; border: 0;position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.mainHeader .mobile-menu i {font-size: 1.7em; color:#fff;}
.mainHeader .menuwrap {position: fixed; top: 0; right: -250px; /* 너비 300px 인 사이드바를 왼쪽으로 300px 이동시켜 화면에 보이지 않게 함 */
    z-index: 400; overflow: auto; width: 250px; /* 너비 */
    height: 100%; padding: 60px 20px 50px; box-sizing: border-box; transition: right .3s ease-in-out; /* 0.3초 동안 이동 애니메이션 */
    background-color: #fff;}
.mainHeader .menuwrap.on {right: 0;}
.mainHeader .menuwrap .category_list {}
.menuwrap .category_list li {text-align: center;}
.menuwrap .category_list li a{display: inline-block; font-size: 18px; width: 100%; padding: 20px 0; border-bottom: 1px solid #eee; letter-spacing: 10px;}
.menuwrap .category_list li:last-child a{border-bottom: none;}
#dimmed {position: fixed; top: 0; right: 0; z-index: 300; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);}



/*snsbtn*/
#snsBtn{display:none; background:#555;}
/*#snsBtn>div>a{float: left; display: inline-block; width: 50%; text-align: center; height: 80px; line-height: 60px; padding: 10px; color: #fff; font-size: 15px;}
#snsBtn>div>a>span{display:inline-block; width:100%; height:100%; border:1px solid #fff; background: #ffffff1c;}




/*footer */

footer{clear:both; padding: 50px 0; background:#555;}
footer#footer>div {max-width: 1200px; margin: 0 auto; text-align: center; padding:0 20px;}
footer#footer>div h2{font-size: 32px; color: #eee;}
footer#footer>div .snsBtn{margin: 5px 0; display: block;}
footer#footer>div>p {font-size: 0.85em; color: #9a9a9a; margin: 0; padding: 10px 0 20px; line-height: 20px; letter-spacing: 0.07em;}
footer#footer .copyright{color:#777; font-size: 0.8em;}


@media (max-width: 600px) {
	#headerText .displayN{display:inline-block;}
	}
@media (max-width: 500px) {
	.mainHeader .headerLogo a img{height:;}
	.mainHeader .headerLogo {padding-top: ;}
	}