.pc { display:none; }
@import url(https://fonts.googleapis.com/css?family=Slabo+27px);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* * {font-family: 'Nanum Gothic', sans-serif; } */


/*layout*/

/*header*/
#wrap { width:100%;  height:100%; overflow:hidden; background:#f2ece2; }
#headerM { background:#fff; width:100%; overflow:hidden; }
#headerM h1 { text-align:center; margin:16px 0 15px; }
.allBtn { position:absolute; top:15px; right:25px; }
#lnbM { width:100%; background:#cba770; height:44px; }
#lnbM li { float:left; width:14.28%; height:44px; font-family: 'Slabo 27px', serif;}
#lnbM li a { display:block; height:44px; width:100%; overflow:hidden; text-align:center; line-height:44px; color:#fff; font-size:13px; text-transform:uppercase; }
#lnbM li a:first-letter { font-size:16px;}
#lnbM li.on { background:#9c182f; }
.depthMenu { background:#e3d3b5; width:100%; height:39px; }
.depthMenu li { float:left; line-height:39px; font-family: 'Arial', serif;  margin-left:30px;}
.depthMenu li a.on { color:#c23951; }


@media screen and (max-width:500px) {
	#headerM h1 img { width:120px; }
	.allBtn { top:10px; right:10px; }
	.allBtn img { width:40px; }
}

/*footer*/
#footer { width:98%; margin:10px auto; overflow:hidden; background:#fff; padding:25px 0; }
#footer ul { float:left; }
#footer li { margin:1px 10px; overflow:hidden; color:#888; }
#footer > div { float:right; margin-right:10px; }

@media screen and (max-width:930px) {
	#footer { padding-bottom:15px; }
	#footer > div { margin-top:8px; }
	
}

/*main*/
#container { width:98%; margin:10px auto 0; }
#visual { width:100%; overflow:hidden; }
#visual img { width:100%; }

.slides { margin-top:10px; width:100%; overflow:hidden;  }
.slides li img { width:100%; }
.textSl { position:Absolute; width:100%; overflow:hidden; }
.textSl dl { margin:0.2% 0 0 5%;overflow:hidden; color:#fff;}
.textSl dt { font-family: 'Slabo 27px', serif; text-transform:uppercase; font-size:30px;  }
.textSl dt:first-letter { font-size:40px; }
.textSl dd { margin-top:5px; }
.textSl dd a { color:#fff; }
.textSl dd[title="Reservation"] span { font-weight:bold; }

.colorBlue dl { color:#30373c; }
.colorBlue dd a { color:#30373c; }

@media screen and (max-width:800px) {
	.textSl dt { font-size:25px;}
	.textSl dt:first-letter { font-size:30px; }
}
@media screen and (max-width:670px) {
	.textSl dt { font-size:20px;}
	.textSl dt:first-letter { font-size:25px; }
	.textSl dd { margin-top:2px; }
}
@media screen and (max-width:560px) {
	.textSl dt { font-size:16px;}
	.textSl dt:first-letter { font-size:20px; }
	.textSl dd { margin-top:0; }
}
@media screen and (max-width:500px) {
	.slides li img { height:98px; }
	.textSl dl { margin:0.35% 0 0 5%;}
	.textSl dt { font-size:15px;}
	.textSl dt:first-letter { font-size:17px; }
	.textSl dd { font-size:11px; }
}
@media screen and (max-width:370px) {
	.textSl dl { margin-top:0.7%; margin-left:4.5%; }
}

div#div_popup_28 {display:none}
div#div_popup_30 {display:none}

#content { width:100%; overflow:hidden;  margin-top:10px; font-family: 'Nanum Gothic', sans-serif;}
#content p { font-family: 'Nanum Gothic', sans-serif; }
#content > div { width:calc(50% - 5px); overflow:hidden; height:175px; margin-bottom:10px; }

div.title { width:90%; margin:30px auto 0; overflow:hidden; }
div.title p { display:none;}

.guideCon { float:left; background:#fff url(/img/bg_guide.jpg) no-repeat right bottom;  }
.guideCon p { margin:15px 0 0 5%; height:65px; text-shadow:2px 2px 4px #fff;}
.guideCon p span { display:block; }
.guideCon a.viewBtn { display:block; font-weight:bold; margin:10px 0 0 5%; font-size:11px; color:#535353; width:65px; }
.guideCon ul { display:none; }

.specialCon { float:right; background:#fff url(/img/bg_notice.jpg) no-repeat right bottom;  }
.specialCon ul { width:90%; margin:15px 5% 0; overflow:hidden;  height:65px;  }
.specialCon a.viewBtn { display:block; font-weight:bold; margin:10px 0 0 5%; font-size:11px; color:#535353; width:65px; }

@media screen and (max-width:650px) {
	#content > div { width:100%; height:175px; }
	.guideCon { clear:left;  }
	.specialCon { clear:right; background:#fff url(/img/bg_notice.jpg) no-repeat right bottom;  }
	
}

#content > ul { clear:both; width:100%; }
#content > ul li { float:left; width:calc(50% - 5px); }
#content > ul li:last-child { float:right; }
#content > ul li img { width:100%; }

@media screen and (max-width:1006px) {
	#content > ul li { text-align:center; height:60px; }
	#content > ul li:first-child { background:#d68e6b url(/img/btn_main_menu1.gif) no-repeat left; background-size:70px; }
	#content > ul li:last-child { background:#4a3d33 url(/img/btn_main_menu2.gif) no-repeat left; background-size:70px; }
	#content > ul li a { color:#fff; font-family: 'Slabo 27px', serif; text-transform:uppercase; font-size:16px; display:block; height:60px; line-height:60px; width:100%;}
	#content > ul li a span { font-family: 'Nanum Gothic', sans-serif; font-size:12px; margin-left:3px; }
}
@media screen and (max-width:390px) {
	
	/*#content > ul li a { font-size:15px; line-height:15px; padding-top:15px; }*/
	#content > ul li a { font-size:1.1em }
	
	#content > ul li a span { margin:0; display:block; }
}
.quickM { background:#cba770; width:96%; padding:2%; overflow:hidden; margin-top:10px; }
.quickM li { float:left; width:20%; text-align:center;}

@media screen and (max-width:760px) { 
	.quickM li img { width:52px; }
}
@media screen and (max-width:370px) { 
	.quickM li img { width:42px; }
}

/*sub*/
#containerSub { width:98%; margin:0 auto; padding-bottom:10px; background:#fff; overflow:hidden; }
#contentSub { width:98%; margin:0 auto; overflow:hidden; }
#contentSub h2 { font-size:25px; color:#454545; text-transform:uppercase; margin-top:30px; }


@media screen and (max-width:760px) { 
	#lnbM, .depthMenu { display:none; }
	#containerSub { margin-top:10px; }
}