@charset "utf-8";

@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
/*
@import url("http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css");
*/
@import url("http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css");
/*@import url("http://fonts.googleapis.com/earlyaccess/nanumpenscript.css");*/

/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{ margin:0; padding:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display:block;}
audio, canvas, video { display:inline-block; *display:inline; *zoom:1;}
audio:not([controls]) { display:none;}
[hidden] { display:none}

html { font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
html, button, input, select, textarea {}
body { font-size:12px; line-height:1.4; font-family:sans-serif; color:#151A21;}
h1, h2, h3, h4, h5, h6 { font-size:100%;}

::-moz-selection { background:#fe57a1; color:#fff; text-shadow:none;}
::selection { background:#fe57a1; color:#fff; text-shadow:none;}

a { color:#fff; text-decoration:none;}
a:visited {}
a:hover { color:#fff;}
a:focus { outline: thin dotted;}
a:hover, a:active { outline:0;}

abbr[title] { border-bottom:1px dotted;}
b, strong { font-weight:bold;}
em { font-style:normal;}
blockquote { margin:1em 40px;}
dfn { font-style:italic;}
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
ins { background:#ff9; color:#000; text-decoration:none;}
mark { background:#ff0; color:#000; font-style:italic; font-weight:bold;}
pre, code, kbd, samp { font-family:monospace, serif; _font-family: 'courier new', monospace; font-size:1em;}
pre { white-space:pre; white-space:pre-wrap; word-wrap:break-word;}
q { quotes:none;}
q:before, q:after { content: ""; content: none;}
small { font-size:85%;}

sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sup { top:-0.5em;}
sub { bottom:-0.25em;}

ul, ol  { list-style:none;}
nav ul, nav ol { list-style:none; list-style-image:none; margin:0; padding:0;}

img { border:0; -ms-interpolation-mode:bicubic; vertical-align:middle;}

svg:not(:root) { overflow:hidden;}

figure { margin:0;}
form { margin:0;}
	fieldset { border:0; margin:0; padding:0;}
	label { cursor:pointer;}
	caption,hr,legend { display:none;}
	button, input, select, textarea { font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle;}
	button, input { line-height:normal;}
	button, input[type="button"], input[type="reset"], input[type="submit"] { cursor:pointer; -webkit-appearance:button; *overflow:visible;}
	button[disabled], input[disabled] { cursor:default;}
	input[type="checkbox"], input[type="radio"] { box-sizing:border-box; padding:0; margin:-4px 3px 0 0; vertical-align:middle;}
	input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
	input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance:none;}
	button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0;}
	textarea { overflow:auto; vertical-align:top; resize:vertical;}
	input:valid, textarea:valid { }
	input:invalid, textarea:invalid { background-color:#f0dddd;}

table { border-collapse:collapse; border-spacing:0; width:100%;}
td {}

.chromeframe { margin:0.2em 0; background:#ccc; color:black; padding:0.2em 0;}

/*
@font-face { font-family:NanumGothic; src:url(NanumGothic.eot);} /* ie /
@font-face { font-family:NanumGothicExtraBold; src:url(NanumGothicExtraBold.eot);} /* ie /
@font-face { font-family:NanumGothic; src:local('☺'), url(NanumGothic.ttf) format('truetype');}
@font-face { font-family:NanumGothicExtraBold; src:local('☺'), url(NanumGothicExtraBold.ttf) format('truetype');}

@font-face { font-family:NanumMyeongjo; src:url(NanumMyeongjo.eot);} /* ie /
@font-face { font-family:NanumMyeongjoExtraBold; src:url(NanumMyeongjoExtraBold.eot);} /* ie /
@font-face { font-family:NanumMyeongjo; src:local('☺'), url(NanumMyeongjo.ttf) format('truetype');}
@font-face { font-family:NanumMyeongjoExtraBold; src:local('☺'), url(NanumMyeongjoExtraBold.ttf) format('truetype');}

@font-face { font-family:NanumGothicExtraBold; src:url(NanumGothicExtraBold.eot);}
@font-face { font-family:NanumGothicExtraBold; src:local('☺'), url(NanumGothicExtraBold.ttf) format('truetype');}

@font-face { font-family:NanumMyeongjoExtraBold; src:url(NanumMyeongjoExtraBold.eot);}
@font-face { font-family:NanumMyeongjoExtraBold; src:local('☺'), url(NanumMyeongjoExtraBold.ttf) format('truetype');}
*/
/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir { display:block; border:0; text-indent:-999em; overflow:hidden; background-color:transparent; background-repeat:no-repeat; text-align:left; direction:ltr; *line-height:0;}
.ir br { display:none;}
.hidden { display:none !important; visibility:hidden;}
.visuallyhidden { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto;}
.invisible { visibility:hidden;}
.clearfix:before, .clearfix:after { content:""; display:table;}
.clearfix:after { clear:both;}
.clearfix { *zoom:1;}

/* ===== Primary Styles ========================================================
   Author:
   ========================================================================== */
html, body { height:100%;}

body { font-family:'나눔고딕', NanumGothic, Helvetica, Arial, sans-serif; font-size:12px; line-height:18px; color:#fff;}
body.bg1 { background:#1E1E1E url(/images/bg1.png) no-repeat left top; background-attachment:fixed;}
body.bg2 { background:#1E1E1E url(/images/bg2.png) no-repeat left top; background-attachment:fixed;}
body.bg3 { background:#1E1E1E url(/images/bg3.png) no-repeat left top; background-attachment:fixed;}
body.bg4 { background:#1E1E1E url(/images/bg4.png) no-repeat left top; background-attachment:fixed;}
body.bg5 { background:#1E1E1E url(/images/bg5.png) no-repeat left top; background-attachment:fixed;}
body.bg6 { background:#1E1E1E url(/images/bg6.png) no-repeat left top; background-attachment:fixed;}
body.bg7 { background:#1E1E1E url(/images/bg7.png) no-repeat left top; background-attachment:fixed;}
body.bg8 { background:#1E1E1E url(/images/bg8.png) no-repeat left top; background-attachment:fixed;}
body.bg9 { background:#1E1E1E url(/images/bg9.png) no-repeat left top; background-attachment:fixed;}
body.bg10 { background:#1E1E1E url(/images/bg10.png) no-repeat left top; background-attachment:fixed;}
body.bg11 { background:#1E1E1E url(/images/bg11.png) no-repeat left top; background-attachment:fixed;}

/*.bold { font-family:NanumGothicExtraBold;}*/
.bold {font-weight:bold;}

#wrap {}
#wrap #container { width:1196px;}
#wrap #container #aside  { width:339px; position:fixed; top:0;}
	#wrap #container #aside ul#header { padding:5px 0 0 29px;}
		#wrap #container #aside ul#header li { float:left; margin-right:20px;}
		#wrap #container #aside ul#header li a { color:#9b9b9b; font-weight:bold;}
		#wrap #container #aside ul#header li a:hover { color:#fff;}
		#wrap #container #aside ul#header li a.ov { color:#fff;}
	
	#wrap #container #aside h1  { margin:25px 0 2px 60px;}
	
	#wrap #container #aside ul.det { margin:0 0 0 50px;}
		#wrap #container #aside ul.det a { color:#9B9B9B; text-shadow:1px 1px 3px #000;}
		#wrap #container #aside ul.det a:hover { color:#fff;}
		#wrap #container #aside ul.det li.det1 { padding:10px 0 10px 0;background:url(images/bat.png) no-repeat left bottom; }
		#wrap #container #aside ul.det li.det1 a { font-size:20px;}
		#wrap #container #aside ul.det li.det1 a.ov { color:#fff;}
		#wrap #container #aside ul.det li.det1 ul { padding:5px 0; margin-top:6px;}
		/*#wrap #container #aside ul.det li.det1 ul li.end { background:url(images/bat.png) no-repeat left bottom;}*/
		#wrap #container #aside ul.det li.det1 ul li { padding:0;}
		#wrap #container #aside ul.det li.det1 ul li a { font-size:12px;font-weight:bold;}
		#wrap #container #aside ul.det li.det1 ul li a.ov {}


#wrap #container #content  { float:left; width:737px; padding:100px 0 0 459px;}
	#wrap #container #content h1 { font-size:42px; font-weight:normal; padding-bottom:30px;}
	#wrap #container #content h2 { font-size:16px; padding:20px 0 5px;}
	#wrap #container #content p { line-height:20px;}
	#wrap #container #content p a { color:#FF3A3A;}
	
	.about_us { }
	.about_us p { font-size:14px; line-height:26px !important;}
	
	.members { position:relative;}
		.members ul { }
		.members ul li { font-size:14px; padding-bottom:5px;}
		.members div.mem { position:absolute; right:270px; top:45px; width:94px; height:114px;}
		.members div.no1 { background:url(images/mem01.png) no-repeat right top;}
		.members div.no2 { background:url(images/mem02.png) no-repeat right top;}
		.members div.no3 { background:url(images/mem03.png) no-repeat right top;}
		.members div.no4 { background:url(images/mem04.png) no-repeat right top;}
		.members div.no5 { background:url(images/mem05.png) no-repeat right top;}
	
	.space {}
		.space h3 { border-bottom:1px #828282 solid; padding-bottom:5px; margin-top:20px;}
		.space ul { margin-top:10px;}
		.space ul  li { float:left; margin:0 5px 20px 0;}
		
	.room-DOUBLE {}
		.room-DOUBLE div.clearfix {}
		.room-DOUBLE .fl { float:left; width:}
		.room-DOUBLE .fl li { float:left; margin-right:10px;}
		.room-DOUBLE .fl .tabs { position:relative;}
		.room-DOUBLE .fl .tabs .tab {}
		.room-DOUBLE .fl .tabs .tabNavigation { margin-top:4px;}
		.room-DOUBLE .fl .tabs .tabNavigation li { float:left; margin-right:4px; position:relative;}
		.room-DOUBLE .fl .tabs .tabNavigation li.end { float:left; margin-right:0;}
		.room-DOUBLE .fl .tabs .tabNavigation li a { display:block;}
		.room-DOUBLE .fl .tabs .tabNavigation li a.selected {}
		.room-DOUBLE .fl .tabs .tabNavigation li a.selected {}
		.room-DOUBLE .fl .tabs .tabNavigation li span { width:77px; height:77px; display:block; background:#000; position:absolute; left:0; top:0; filter:alpha(opacity=50); opacity:0.5;}
		.room-DOUBLE .fl .tabs .tabNavigation li a.selected span { filter:alpha(opacity=0); opacity:0; border:3px #000 solid;}
		.room-DOUBLE .fl .tabs .tabNavigation li a.selected em { position:absolute; left:0; top:0; border:3px #F05822 solid; width:71px; height:71px; display:block;}
		
		.room-DOUBLE .fr { float:left; margin-left:20px;}
			.room-DOUBLE .fr dl { width:266px; margin-bottom:10px;}
			.room-DOUBLE .fr dl dt { float:left; width:66px;font-weight:bold;}
			.room-DOUBLE .fr dl dd { float:left; width:200px; margin-bottom:5px;}
			.room-DOUBLE .fr a { display:inline-block; background:#fff;}
			.room-DOUBLE .fr a span { display:inline-block; background:url(images/btn_bg.png) no-repeat right top; color:#000; font-size:14px; font-weight:bold; padding:6px 70px 6px 10px;}
		
	.reservation {}
		.reservation .bon { background:url(images/alpha_bg.png); padding:20px 25px;}
		.reservation .bon .rest { margin-top:40px;}
		.reservation .bon .rest dl { width:550px;}
		.reservation .bon .rest dl dt { float:left; width:100px;}
		.reservation .bon .rest dl dd { float:left; width:450px; margin-bottom:15px;}
		.reservation .bon .rest dl dd select, .reservation .bon .rest dl dd input { padding:3px;}
		.reservation .bon .rest dl dd textarea { padding:5px;}
		.reservation .bon .rest dl dd select { width:100px;}
		.reservation .bon .rest dl dd .te { width:200px;}
		.reservation .bon .rest a { display:inline-block; background:#fff; margin:7px 0 0 100px;}
		.reservation .bon .rest a span { display:inline-block; background:url(images/btn_bg.png) no-repeat right top; color:#000; font-size:14px;font-weight:bold; padding:6px 70px 6px 10px;}
		
		.reservation .bon .rest_ok { margin:40px 0; border:1px #4C4C4C solid; text-align:center; padding:30px; font-size:16px;font-weight:bold;}
		
		.reservation .bon .fl { float:left; margin-right:30px;}
		.reservation .bon .fr { float:left;}
		.reservation .bon p {}
		.reservation .bon p.mt { margin-top:15px;}
		.reservation .bon p strong {font-weight:bold; font-size:14px;}
		
		a.submit23 { display:inline-block; background:#fff; margin:7px 0 0 100px;}
		a.submit23 span { display:inline-block; background:url(images/btn_bg.png) no-repeat right top; color:#000; font-size:14px;font-weight:bold; padding:6px 70px 6px 10px;}
		
	.location {}
		.location .map { background:url(images/alpha_bg.png); padding:20px 25px;}
			.location .map p {}
			.location .map div {}
			.location #map { margin-top:20px;}
	
	.bbs {}
		.bbs .bon { background:url(images/alpha_bg.png); padding:20px 25px;}
		.bbs .bon iframe { margin-top:20px;}
		
	
	.pop { width:470px;}	
	.pop div { padding:5px 5px 0;}	
	.pop div .fl { float:left; color:#000;} 	
	.pop div .fl input  { vertical-align:-4px;} 	
	.pop div .fr { float:right;}	
	
#wrap #footer { position:fixed; bottom:0; height:145px; color:#898989; font-size:11px; padding-left:50px;}
#wrap #footer em { display:block;}
#wrap #footer p  {  padding:2px 0; font-size:11px;}
#wrap #footer em strong { color:#fff; display:inline-block; margin-right:10px; font-weight:normal;}


@media only screen and (max-device-width: 480px){ 
	#wrap #container { width:900px;}
	#wrap #container #content  { float:left; width:650px; padding:100px 0 0 350px;}			
}


@media print {
	* { background:transparent !important; color:black !important; box-shadow:none !important; text-shadow:none !important; filter:none !important; -ms-filter:none !important;} /* Black prints faster: h5bp.com/s */
	a, a:visited { text-decoration:underline;}
	a[href]:after { content:" (" attr(href) ")";}
	abbr[title]:after { content:" (" attr(title) ")";}
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content:"";}  /* Don't show links for images, or javascript/internal links */
	pre, blockquote { border:1px solid #999; page-break-inside:avoid;}
	thead { display:table-header-group;} /* h5bp.com/t */
	tr, img { page-break-inside:avoid;}
	img { max-width:100% !important;}
	@page { margin:0.5cm;}
	p, h2, h3 { orphans:3; widows:3;}
	h2, h3 { page-break-after:avoid;}
	
	#wrap #container #aside { display:none;}
	#wrap #container #content  { padding:50px 0 0 20px;}
	#wrap #footer { display:none;}
}




#wrap #container #aside {height:100%; overflow-y:auto;}
#wrap #footer {    
	height:auto;
	padding-left:50px;
	padding-right:51px;
	padding-top:20px;
	padding-bottom:30px;
	background:#1E1E1E;
	opacity:0.8;
}