/*********************************
    css/common.css
*********************************/

* {
	margin			: 0;
	padding			: 0;
	font-family		: 'Nanum Gothic', sans-serif;
	border			: 0;
}

ul, img{
	font-size		: 0;
}

li {
	list-style		: none;
}

a {
	text-decoration	: none;
	color			: #000;
}

html,
body {
	width			: 100vw;
	font-size		: 14px;
	overflow-x		: hidden;
}


#bodyWrap{
	font-size		: 14px;
}

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

.link {
	position		: absolute;
	top				: 0;
	left			: 0;
	bottom			: 0;
	right			: 0;
	z-index			: 10;
}

/**********************
	헤더
********************* */
/*.headerWrap{
	position		: fixed;
	top				: 0;
	left			: 0;
	width			: 100%;
	height			: 50px;
	z-index			: 2000;
}*/

/***********************
	logWrap 
************************/
#logWrap{
	display				: block;
}

/***********************
	mainMenuWrap 
************************/
#mainMenuWrap{
	position			: fixed;
	top					: 0;
	left				: 50%;
	-webkit-transform	: translateX(-50%);
	transform			: translateX(-50%);
	width				: auto;
	height				: 68px;
	z-index				: 100;
}

#mainMenu{
	width				: 810px;
	height				: 100%;
	/* margin				: 0 auto; */
	font-size			: 0;
}

#mainMenu:after {
	content				: '';
	display				: block;
	clear				: both;
}

#mainMenu > li{
	font-size			: 14px;
	/* padding				: 0 30px; */
	width				: 115px;
	height				: 100%;
	text-align			: center;
	float				: left;
	cursor				: pointer;
	position			: relative;
}

#mainMenu #centerLogo {
	/* padding				: 0 60px; */
	width				: 120px;
	position			: relative;
	position			: relative;
}

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


#mainMenu li > a{
	display				: block;
	width				: 100%;
	color				: #4a4a4a;
	line-height			: 68px;
}

#mainMenu > li ul {
	position			: absolute;
	top					: 100%;
	left				: 50%;
	height				: auto;
	-webkit-transform			: translateX(-50%);
	transform			: translateX(-50%);
	display				: none;
	margin-top			: 10px;
}

#mainMenu > li ul li {
	display				: block;
	text-align			: center;
	color				: #fff;
	 padding				: 11px 0; 
	/* padding-bottom		: 11px; */
}

#mainMenu > li ul li a{
	display				: inline-block;
	white-space			: nowrap;
	color				: #fff;
	font-size			: 14px;
	line-height			: 0;
}

#mainMenu > li ul li:hover a {
	color				: #58210c;
}

.MenuliUl {
	position			: fixed;
	top					: 69px;
	left				: 0;
	height				: auto;
	background-color	: rgb(202, 177, 155);
	width				: 100%;
	width				: 100vw;
	height				: 200px;
	z-index				: 51;
	display				: none;
}

  

/***********************
	etcMenuWrap 
************************/


#etcMenuWrap{
	position			: fixed;
	top					: 0;
	left				: 0;
	width				: 100%;
	height				: 68px;
	display				: flex;
	border-bottom		: 1px solid #fff;
	border-left			: none;
	background-color	: #fff;
	z-index				: 3;
}

#etcMenu {
	width				: 68px;
	height				: 100%;
	border				: none;
	background-color	: #000;
}

#reservation {
	width				: 68px;
	height				: 100%;
	border				: none;
	background-color	: #962121;
}

#adminLinkWrap {
	width				: 68px;
	height				: 100%;
	border				: none;
	background-color	: #000;
	position			: absolute;
	top					: 0;
	right				: 0;
}

#mainPageLine {
	position			: fixed;
	top					: 0;
	right				: 68px;
	width				: 1px;
	height				: 100%;
	background-color	: #fff;
	z-index				: 3;
	display				: none;
}

#etcMenuWrap a{
	display				: block;
	font-size			: 12px;
	width				: 100%;
	height				: 100%;
	color				: #fff;
	text-align			: center;
	box-sizing			: border-box;
    padding-bottom		: 5px;
}




/*
 pull page 스크롤 스타일
*/

#main_menu {
	position			: fixed;
	top					: 50%;
	-webkit-transform			: translateY(-50%);
	transform			: translateY(-50%);
	/* left				: calc(100vw - 68px); */
	right				: 28px;
	z-index				: 1000;
	width				: 40px;
}

#main_menu > li {
	width				: 25px;
	height				: 1px;
	margin-top			: 8px;
	transition			: all 0.3s;
	background			: url('/main/images/common/icon/sidenav_white.jpg') left center no-repeat;
}

#main_menu > li.active {
	width				: 40px;
	background			: url('/main/images/common/icon/sidenav_red.jpg') center no-repeat;
}

#main_menu > li > a {
	display				: block;
	width				: 100%;
	height				: 100%;
}



/*
	전화면 다 채우는 레이어
*/
.infoPlusInfo{
	z-index				: 50;
	position			: absolute;
	top					: 50%;
	left				: 5%;
	transform			: translateY(-50%);
	cursor				: pointer;
}

.infoMinusInfo{
	z-index				: 1050;
	position			: absolute;
	top					: 50%;
	right				: 5%;
	transform			: translateY(-50%);
	cursor				: pointer;
}

.infoWrap{
	z-index				: 1000;
	position			: absolute;
	left				: -100%;
	width				: 100%;
	height				: 100%;
	background-color	: rgba(255, 255,255, 0.9);
}

.infoContentsWrap{
	z-index				: 1050;
	position			: absolute;
	top					: 50%;
	left				: 50%;
	transform			: translate(-50%, -50%);
}

.infoTitleWrap{
	font-size			: 30px;
	color				: #4b4b4b;
	font-weight			: 700;
	text-align			: center;
	margin-bottom		: 50px;
}

.infoImgWrap{
	z-index				: 1050;
	width				: 18vw;
	height				: 18vw;
	min-width			: 12vh;
	min-height			: 12vh;
	border-radius		: 50%;
	background-position	: center;
	background-size		: cover;
	margin				: auto;
}

.infoContentWrap{
	width				: 50vw;
	height				: 25vh;
	overflow-y			: auto;
	margin-top			: 50px;
}



/**********************
	이미지 슬라이드 좌우 화살표
********************* */
.fp-controlArrow {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    height: 59px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
	left				: 15px;
    width				: 260px;
	background-image	:url(/main/images/common/icon/arrow_prev.png);
}
.fp-controlArrow.fp-next {
	right				: 90px;
    width				: 235px;
	background-image	:url(/main/images/common/icon/arrow_next.png);
}

/* 메인페이지 슬로건 */
.mainSlogan {
	position			: absolute;
	left				: 50%;
	top					: 50%;
	transform			: translate(-50%, -50%);
	-webkit-transform	: translate(-50%, -50%);
	z-index				: 3;
}

.mainSlogan0 {
	width				: 0;
	height				: 0;
	animation			: video 2s forwards;
}

@keyframes video {
	0% {
		width				: 0;
		height				: 0;
		opacity				: 0;
	}
	100% {
		width				: 385px;
		height				: 161px;
		opacity				: 1;
	}
}
/* scroll */
#scroll {
	position			: fixed;
	bottom				: -100px;
	left				: 50%;
	transform			: translateX(-50%);
	z-index				: 5;
}

/***********************
	footer 
************************/
footer {
	width				: 100%;
	height				: 250px;
}

#footerTop {
	width				: 100%;
	height				: 50px;
	background-color	: #494949;
}

#footerMenu {
	width				: auto;
	height				: 100%;
	box-sizing			: border-box;
	padding-left		: 250px;
}

#footerMenu:after {
	content				: '';
	display				: block;
	clear				: both;
}

#footerMenu li {
	float				: left;
	padding				: 0 20px;
}

#footerMenu li:first-child {
	padding				: 0;
}

#footerMenu li a {
	display				: block;
	width				: 100%;
	height				: 100%;
	color				: #fff;
	font-size			: 14px;
	line-height			: 50px;
}

#footerBottom {
	width				: 100%;
	height				: 200px;
	background-color	: #595959;
	position			: relative;
}

#footerBottomMain {
	box-sizing			: border-box;
	padding-left		: 250px;
	width				: 100%;
	height				: auto;
	position			: relative;
	top					: 50%;
	transform			: translateY(-50%);
	-webkit-transform	: translateY(-50%);
}

#footerBottomMain img {
	padding-bottom		: 15px;
}

#footerBottomMain p {
	color				: #fff;
	font-size			: 14px;
	line-height			: 1.5;
}

p#company {
	font-size			: 12px;
	padding-top			: 15px;
}

#company a {
	color				: #fff;
}

#company a:hover {
	text-decoration		: underline;
}

#reservationBtn {
	width				: 350px;
	height				: 40px;
	position			: absolute;
	right				: 15%;
	top					: 50%;
	transform			: translateY(-50%);
	-webkit-transform	: translateY(-50%);
}

#reservationBtn:after {
	content				: '';
	display				: block;
	clear				: both;
}

#reservationBtn a {
	display				: block;
	width				: 170px;
	height				: 100%;
	color				: #fff;
	text-align			: center;
	line-height			: 40px;
	float				: left;
	background-color	: #434343;
}

#reservationBtn a:first-child {
	margin-right		: 10px;
}

.blogBtn {
	position			: relative;
	top					: 2px;
}

/***********************
	media 
************************/
@media screen and (max-width: 1400px) {

	#mainMenu {
		width			: 867px;;
	}
}

.link {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}