@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');


/* 초기화 */
html {overflow-y:scroll }
body {margin:0;padding:0;font-size:0.75em; font-family: 'Pretendard'; color:#555; width:100%; overflow:hidden;}
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:1em}
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:#1170b9 !important;}
.mainBgColor{background:#1170b9 !important;}
.floatL{float:left;}
.floatR{float:right;}
.clear{clear:both;}
.inner { max-width: 1200px; margin: 0 auto; padding: 130px 10px;}

.container {max-width:1200px; margin:0 auto;}
.logoText{ font-weight:100;}
.displayN{display:none;}

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

/*herder */
section#header{}
section#header .headerBg{background:#fff;}
.mainHeader{height:80px; position:relative;}
.mainHeader>div{}
.mainHeader .headerLogo{padding-top:23px;}
.mainHeader .headerLogo a{}
.mainHeader .menuList{position:absolute; right:5px; top:50%; transform:translateY(-50%);}
.mainHeader .menuList li{display: inline-block; float:left;}
.mainHeader .menuList li a{display: inline-block; height:100%; color:#fff; padding: 0 35px; font-size:15px; font-weight: 600;  line-height: 40px; height: 40px; background: #1170b9; color: #fff; margin-left: 10px; border-radius: 10px;}
.mainHeader .menuList li a:hover{background:#0b4b7c;}

#headerText{position: relative; clear: both; width: 100%; background:linear-gradient(to right, rgb(0 28 28 / 24%), rgb(187 231 239 / 24%) ); background-size: cover; background-attachment: fixed; background-position: center;}
#headerText .mainInner{color: #fff; text-align: center; width: 100%; height: 100%; background:#ffffffb5;}
#headerText .mainInner .innerBox{width:100%; text-align:center; padding: 60px 0 30px;}
#headerText .mainInner .innerBox>a{ display:inline-block; margin-bottom:20px;font-size:36px;}
#headerText .mainInner .innerBox>a b{ font-weight:800;}
#headerText h2{font-size: 50px; font-family: ; letter-spacing: -0.07em;}
#headerText p{}
#headerText .text01{font-size: 20px; padding: 0px 0 5px; color: #555; letter-spacing: 0.03em; line-height: 25px;}
#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: 600; line-height: 25px;}
#headerText .text02 span{background: #076155; padding: 0px 20px; color: #fff; border-radius: 38px; display: inline-block; height: 30px; line-height: 30px; margin-right: 3px; margin-bottom:5px;}
#headerText .displayN{display:none;}


#mainSnsBtn{display:flex; justify-content: space-between;max-width:700px; margin:30px auto 0; padding:0 10px;}
#mainSnsBtn a{display:inline-block; width:32%; text-align:center; height:55px; line-height:55px; font-size:1.6em; border-radius: 10px;}
#mainSnsBtn a.call{background: #ce1a03; color:#fff;}
#mainSnsBtn a.kakao{background: #fae301; color: #3c1c28; width:34%;}
#mainSnsBtn a.reservation{background: #9e38b1; color: #fff;}

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


/*herder menu slider */
.mainHeader .mobile-menu {display:none; float: right; margin: 20px 10px; width: 55px; height: 55px; padding: 5px; background-color: initial; border: 0;}
.mainHeader .mobile-menu i {font-size: 2em;}
.mainHeader .menuwrap {position: fixed; top: 0; right: -250px; /* 너비 300px 인 사이드바를 왼쪽으로 300px 이동시켜 화면에 보이지 않게 함 */
    z-index: 400; overflow: auto; width: 250px; /* 너비 */
    height: 100%; padding: 80px 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; font-family: serif;}
footer#footer>div>p {font-size: 12px; color: #9a9a9a; font-weight: 500; margin: 0; padding: 10px 0 20px; line-height: 20px; letter-spacing: 0.07em;}
footer#footer .copyright{color:#777}


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