/************************************
	공통css
*************************************/
/* 기본폰트 */
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic');

:root {
	font-family			: 'Nanum Gothic', sans-serif;
}

* {
    margin				: 0;
    padding				: 0;
	scrollbar-arrow-color			: #e9e9e9;
	scrollbar-track-color			: #e9e9e9;
	scrollbar-face-color			: #c9c9c9;
	scrollbar-highlight-color		: #c9c9c9;
	scrollbar-shadow-color			: #c9c9c9;
}

li,
ol {
    list-style			: none;
}

a {
	text-decoration		: none;
}

html,
body {
    width				: 100%;
	font-size			: 0;
}

.section {
    position			: relative;
}

/***********************
	fullImg 
************************/
.fullImg {
	width			: 100%;
	min-height		: 100%;
} 

/***********************
	각페이지 topSlogan
************************/
.topSlogan {
	width				: 100%;
	left				: 0;
	top					: 0;
}

/******************************************************************************************
	스크롤이미지
******************************************************************************************/
.scroll {
	position			: absolute;
	bottom				: 3vh;
	right				: 3vw;
	z-index				: 2;
}

/******************************************************************************************
    스크롤 스타일
******************************************************************************************/
::-webkit-scrollbar {
	width				: 5px;
}

::-webkit-scrollbar-track {
	box-shadow			: inset 0 0 6px rgba(0,0,0,0.3); /* -webkit- */
	border-radius		: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius		: 10px;
    box-shadow			: inset 0 0 6px rgba(0,0,0,0.5); /* -webkit- */
}



/******************************************************************************************
	a태그 링크
******************************************************************************************/
.link {
	position			: absolute;
	top					: 0;
	right				: 0;
	left				: 0;
	bottom				: 0;
}

/******************************************************************************************
    fullpage 사용 시 fullImg
******************************************************************************************/
.fullImg {
	width				: 100%;
	min-height			: 100%;
}

/******************************************************************************************
    fullpage 사용 시 sideNav
******************************************************************************************/
#slideAnchor {
	position			: fixed;
	right				: 3vw;
	top					: 50%;
	transform			: translateY(-50%);
	z-index				: 2;
}

#slideAnchor li {
	width				: 13px;
	height				: 13px;
	margin-bottom		: 10px;
}

#slideAnchor li:last-child {
	margin-bottom		: 0;
}

#slideAnchor a {
	display				: block;
	width				: 100%;
	height				: 100%;
	background			: url('/images/common/icon/sideOff.png') no-repeat center;
}

#slideAnchor li.active a {
	background			: url('/images/common/icon/sideOn.png') no-repeat center;
}

/******************************************************************************************
    메인메뉴
******************************************************************************************/
#leftMenuWrap {
	width				: 235px;
	height				: 100vh;
	background-color	: #fff;
	position			: fixed;
	top					: 0;
	left				: 0;
	z-index				: 100;
}

#menuLogo {
	width				: 100%;
	height				: 165px;
	background-color	: #283650;
	position			: relative;
}

#menuLogo img {
	position			: absolute;
	top					: 50%;
	left				: 50%;
	transform			: translate(-50%, -50%);
}

#mainMenuWrap {
	width				: 100%;
	height				: calc(100vh - 275px);
	position			: relative;
	margin-top			: 50px;
	overflow-y			: auto;
}

#reservation {
	width				: 172px;
	height				: 40px;
	margin				: 0 auto 30px;

}

#reservation a {
	display				: block;
	width				: 100%;
	height				: 100%;
	background-color	: #eebe69;
	color				: #fff;
	box-sizing			: border-box;
	font-size			: 14px;
	vertical-align		: center;
	padding-left		: 20px;

}

#reservation a span {
	line-height			: 38px;
}

#reservation a img {
	position			: relative;
	top					: 50%;
	transform			: translateY(-50%);
	box-sizing			: border-box;
	padding-right		: 5px;

}

/* 메인메뉴 */
#mainMenu {
	width				: 100%;
	min-height				: calc(100% - 195px);
}

#mainMenu > li {
	margin-bottom		: 30px;
	box-sizing			: border-box;
	padding-left		: 40px;
}

#mainMenu > li:last-child {
	margin-bottom		: 0;
}

#mainMenu a {
	display				: block;
	width				: 100%;
	height				: 100%;
	font-size			: 16px;
	color				: #252d32;
}

/* 서브메뉴 */
#mainMenu li ul {
	display				: none;
}

#mainMenu ul li {
	margin				: 10px 0 0 15px;
}

#mainMenu ul li a {
	font-size			: 14px;
	color				: #434343;
}

#mainMenu  ul li:hover a {
	text-decoration		: underline;
}

.menuOn {
	font-weight			: bold;
}

/* sns */
#sns {
	/* position			: absolute;
	bottom				: 2vh;
	left				: 50%;
	transform			:translateX(-50%); */
	width				: 135px;
	height				: auto;
	margin				: 25px auto;
}

#sns a {
	display				: block;
	width				: 100%;
	height				: 35px;
	margin-bottom		: 4px;
	box-sizing			: border-box;
	border				: 1px solid #cecece;
	border-radius		: 17px;
	color				: #787878;
	font-size			: 14px;
	position			: relative;
	padding-left		: 45px;
	line-height			: 30px;
}

#sns a:last-child {
	margin-bottom		: 0;
}

#sns a img {
	position			: absolute;
	top					: 50%;
	transform			: translateY(-50%);
	left				: 27px;
}

/* admin */
#admin {
	width				: 100%;
	height				: 60px;
	background-color	: #000;
}

#admin a {
	display				: inline-block;
	color				: #fff;
	font-size			: 14px;
	position			: relative;
	top					: 50%;
	transform			: translateY(-50%);
	margin-left			: 100px;
}

#admin a:after {
	content				: '';
	width				: 35px;
	height				: 14px;
	padding-left		: 30px;
	position			: absolute;
	top					: 55%;
	transform			: translateY(-50%);
	background			: url('/images/common/icon/adminArrow.png') center no-repeat;
}


/******************************************************************************************
    footer
******************************************************************************************/
footer {
	width				: 100%;
	height				: 300px;
	background-color	: #333;
}

#footerWrap {
	box-sizing			: border-box;
	padding-left		: 500px;
	position			: relative;
	top					: 50%;
	transform			: translateY(-50%);
}

#footerWrap > img {
	display				: block;
	padding-bottom		: 30px;
}

.footerTxt {
	font-size			: 14px;
	color				: #7e7e7e;
	padding-bottom		: 5px;
}

.footerTxt a {
	color				: #7e7e7e;
}

.footerTxt a:hover {
	text-decoration		: underline;
}

.copy {
	padding-top			: 20px;
	font-size			: 12px;
}