@charset "utf-8";

/* CSS Document 
Theme Name: SpaG
Theme URI: http://www.spag.co.kr/
Description: 3 Column Responsive theme
Author: ibizcommunication
Author URI: http://www.ibizcomm.co.kr
*/

/*--------------------------------------------------------------------------------*/
/*------------------------------------ Basic -------------------------------------*/
/*--------------------------------------------------------------------------------*/


body { background-color: #FFF;  }

body,td,form,input, select, textarea {
	font-size:16px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color:#636b66;
	line-height:28px;
	margin:0 0 0 0 ;
}

table, img {border:none; border-spacing:0px;border-collapse:collapse;word-break:break-all;}
tr, td, th {padding:0px;line-height:16px;color: #636b66;font-size: 12px;}

form,input, select, textarea {
   scrollbar-face-color: #ffffff;
   scrollbar-shadow-color: #feebf2;
   scrollbar-highlight-color: #feebf2;
   scrollbar-3dlight-color: #ffffff;
   scrollbar-darkshadow-color: #ffffff;
   scrollbar-track-color: #FFFFFF;
   scrollbar-arrow-color: #feebf2;
   font-size:13px;
   line-height:20px;
}


a {selector-dummy:expression(this.hideFocus=true);}

a:link   	{ color:#636b66; text-decoration:none;}
a:visited	{ color:#636b66; text-decoration:none;}
a:hover   	{ color:#636b66; text-decoration:none;}
a:active 	{ color:#636b66; text-decoration:none;}

ul, li {list-style:none; margin:0; padding:0}
li { padding-left:20px; padding-bottom:5px;}

h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; color: #333; letter-spacing: 0px; line-height: 1em; font-weight: 600; margin:0; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #808080; }
h1 { font-size: 28px; line-height: 30px; }
h2 { font-size: 24px; line-height: 28px; }
h3 { font-size: 21px; line-height: 26px; }
h4 { font-size: 18px; line-height: 24px; }
h5 { font-size: 15px; line-height: 22px; }
h6 { font-size: 13px; line-height: 20px; }

textarea { background-color: #fff; border : 1px solid #d0c3a9;  padding-top:5px; padding-left:5px; }

input { background-color: #fff; border : 1px solid #d0c3a9;}
select { height:24px;background-color:#ffffff; border : 1px solid #d0c3a9; }
table { border-collapse: collapse; border-spacing: 0; background:#fff; }
	tr td, th { border: 1px dotted #ddd; padding: 4px 4px; text-align:center; }
	.tdcolor-0 { background-color:#3da630; height:22px; color:#fff; }
	.tdcolor-0 tr td { color:#fff; }
	

.container { text-align: left; margin: 0 auto; width: 970px; position: relative; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

img { max-width: 100%; }
p { letter-spacing: 0px; }

/*--------------------------------------------------------------------------------*/
/*------------------------------------ menus -------------------------------------*/
/*--------------------------------------------------------------------------------*/

#logo { padding-top: 30px; float: left; }			
#main-menu { background-color:#fff; font-size:16px; border-bottom: 1px solid #ddd; position: fixed; z-index: 998; width: 100%; top: 0; } 
#main-menu ul li { background: none; }
#main-menu ul li ul li { max-width: 180px; }
		.mainmenus { display: block; float: right; margin-top: 36px; }
		.mainmenu { float:left; padding:0; }
		.mainmenu ul li { display: none; }
		.mainmenus ul li ul { display: none; position: absolute; padding-bottom: 20px; background: #fff; z-index: 999; width: 190px; padding-top: 10px; border-radius: 3px; border: 1px solid #ddd; border-top: none; }
		.mainmenus ul li:last-child ul { width: 90px; }
		.mainmenus ul li:last-child a { padding-right: 0; }
		.mainmenus>ul>li>a { display:block; padding:14px 30px 44px 20px; color:#333; text-transform: uppercase; }
		.mainmenus ul li a { font-weight: 600; font-size: 18px; }
		.mainmenus>ul>li.lang>a { color:#666; padding:14px 8px 44px 8px;}
		.mainmenus ul li.lang a { font-weight: nomal; font-size: 14px; }
		.mainmenus ul li a:hover { color:#d71921; }
			.mainmenus>ul>li:hover ul { display:block; }
			.mainmenus>ul>li:hover ul li { display:block; }
			.mainmenus li li { height:20px; padding:6px 0px 2px 20px; margin-bottom:3px; line-height:1em; font-weight: normal; } 
			.mainmenus li li a { display:block; color:#666; font-size: 14px; }
			.mainmenus li li a:hover { color:#d71921; background:none; border:none; }
			
.mainmenus ul li ul li:hover { -webkit-transform: translateX(6px); -moz-transform: translateX(6px); transform: translateX(6px); transition-duration: .5s; }


/*--------------------------------------------------------------------------------*/
/*------------------------------------ mobile-menus ------------------------------*/
/*--------------------------------------------------------------------------------*/

#navi { display: none; }
#mobile-icon { display: inline-block; text-indent: -9999px; position: absolute; top: 25px; right: 10px; width: 60px; height: 36px; cursor: pointer; }
#mobile-icon span { display: block; width: 60px; height: 4px; background: #c5004b; margin-bottom: 10px;}
.mobile-navi { position: fixed; top: 0; right: -270px; width: 270px;  height: 200%;  background: #333; z-index: 9999; overflow: hidden; }
.mobile-navi.visible { right: 0px; }
	.mobile-navi ul { -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; }
	.mobile-navi ul li { width: 100%; border-bottom: 1px solid #222; padding-left: 0; padding-bottom: 0; }
	.mobile-navi ul li a { display: block; color: #ddd; padding: 14px 0px 10px 20px; }
	.mobile-navi ul li a:hover { color: #fff; }
	.mobile-navi>ul>li>a { padding: 14px 0px 10px 20px; }
	.mobile-navi ul li ul.submenu { display: none; border: none; }
	.mobile-navi ul li:hover ul { display:block; width: 100%; background: #222; padding: 10px 0; }	
.mobile-navi, .mobile-navi ul ul {  -webkit-box-shadow: inset 3px 0px 6px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 3px 0px 6px 0px rgba(0, 0, 0, 0.3); box-shadow: inset 3px 0px 6px 0px rgba(0, 0, 0, 0.3); }	
.mobile-close { position: fixed; top: 0; left: 1200px; width: 100%; height: 100%; cursor: pointer; background: #000; opacity: 0.5; display: none; z-index: 999; display: none; }
.mobile-close.visible { display: block; left: 0; }
.mobile-navi.visible { -webkit-transform: translateX(6px); -moz-transform: translateX(6px); transform: translateX(6px); transition-duration: .5s; }

/*--------------------------------------------------------------------------------*/
/*------------------------------------ columns -----------------------------------*/
/*--------------------------------------------------------------------------------*/

.one-fourth { width: 21.5%; margin-left: 5%; float: left; }
.one-third { width: 30%; margin-left: 5%; float: left; }
.one-half { width: 47.5%; margin-left: 5%; float: left; }
.two-thirds { width: 65%; margin-left: 5%; float: left; }

.one-fourth:first-child,
.one-third:first-child,
.one-half:first-child,
.two-thirds:first-child { margin-left: 0; }

.first { margin-left:0px; }
.last { margin-right:0px; }

/*--------------------------------------------------------------------------------*/
/*------------------------------------ main area ---------------------------------*/
/*--------------------------------------------------------------------------------*/
	
#main-slides { position:relative; height:600px; width: 100%; overflow: hidden; padding-top: 122px;  }
	#main-slides img {display:block; }
	.slidecontrol-left { position:absolute; top:153px; left:50px; }
	.slidecontrol-right { position:absolute; top:153px; right:50px; }
	.slide-img { display: block; height: 600px; }		
	.slide-img h1 { color: #fff; font-weight: 500; font-size: 40px; margin-top: 20%; line-height: 1.2em; letter-spacing: -1px; }
	.slide-mask { position: absolute; top: 0; width: 100%; height: 100%; background: none; opacity: 0.2;  filter: alpha(opacity=20); /* For IE8 and earlier */ }
.bx-wrapper .bx-pager { text-align: center; padding-top: 10px; }
.bx-wrapper .bx-pager .bx-pager-item { display: inline-block; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #d71921; }
	
.main-slide-text-box { position: absolute; right: 0; top: 250px; background: #fff; width: 260px; height: 280px; padding: 25px; z-index: 99; }
	.main-slide-text h3.title { font-size: 24px; line-height: 1em; }
	.main-slide-text p { font-size: 14px; line-height: 20px; }
	a.btn-reserv { display: block; text-align: center; padding: 10px 0; margin: 10px 0; font-size: 16px; font-weight: bold; line-height: 20px; letter-spacing: -1px; max-width: 300px; border: 1px solid #a64144; color: #a64144; background: none;} 
	a.btn-reserv span { font-size: 14px; padding: 0 10px; vertical-align: text-bottom; }
	a.btn-reserv:hover { background: #000; color: #fff; }
			
.section-area { width:100%; margin:0 auto; background-color:#e7e7e7; padding:45px 0 80px; position:relative; }
	.section-area p { font-size: 14px; line-height: 24px; letter-spacing: -1px; }
	.section-title { padding-bottom: 28px; }
	.section-title h2 { font-size: 3em; font-weight: 500; line-height: 1em; text-align: center; text-transform: uppercase; }
	.section-title p { text-align: center; font-size: 16px; margin: 5px 0 20px; } 
	.thumb { width:100%; height: 256px; overflow: hidden; }
	.section-area h3.title { padding: 10px 0 0; font-size:18px; font-weight: normal; }
	.section-area h3.title  a { color : #111 }

.program-section { background: #fff; }
	.program-section h3.title { text-align: center; font-size: 24px; }
	.program-section h3.title  a { display: inline-block; text-align: center; padding: 10px 0; border-bottom: 2px solid #d71921;  }
	.program-section p { text-align: center; padding: 10px 30px; }
	.program-section .one-third { border: 1px solid #ddd; background: #fff; margin-right: -2px; }

.movie-section { background: #030001 url(../images/prmovie-bg.jpg) no-repeat bottom right; background-size: contain; }
	.movie-section .section-title h2 { color: #a64144; }
	.movie-section .section-title p { color: #fff; }
	.movie-section .section-info { text-align: left; color: #fff; }
	.movie-section .entry { display: block; width: 100%; background: none;  text-align: center; margin: 0 auto; }
	.movie-section .entry .prmovie { position: relative; display: inline-block; width: 460px; height: 258px; margin-top: 30px; border: 1px solid #fff; }
	.movie-section .entry .prmovie iframe { display: none; }
	.movie-section .entry span.arrow { position: absolute; width: 100%; height: auto; top: 50%; left: 0; margin-top: -39px; cursor: pointer; display: block;  }
	
.news-section { background: #fff; }
	.news-section .thumb { background-size: cover !important; width: 140px; height: 140px; border-radius: 70px; margin-left: 80px; }
	.news-section .one-third { text-align: center; }
	p.meta-info { color: #ccc; margin: 5px 0; font-size: 13px; }

.gallery-section { background: url(../images/gallery-bg.jpg) no-repeat center center; background-size: cover; color: #fff; }
	.gallery-section .section-title h2 { color: #fff; }
	#main-gallery li a { display: block; width: 210px; height: 210px; }

.contact-section { background: #fff; }
	.contact-section h3 { color: #d71921; }
	.contact-section p { line-height: 2em; }
	.contact-section p a { background: url(../images/li_bullet.png) no-repeat 0 5px; padding-left: 20px; }
	.contact-section .read-more { display: inline-block; background: #fff; color: #333; font-size: 13px; padding: 5px 36px; margin: 10px 0; border: 1px solid #ddd; }


/*--------------------------------------------------------------------------------*/
/*------------------------------------ sidebar -----------------------------------*/
/*--------------------------------------------------------------------------------*/

#sidebar-area { float: left; margin-right: 60px; width: 210px; }
.widget { margin-bottom: 0px; line-height: 24px; padding-left: 0px; margin-bottom: 20px; border: 1px solid #ddd; border-bottom: 1px solid #fefefe;  }
	.widgettitle { font-size: 18px; font-weight: 600; padding: 20px 0px; border-bottom: 1px solid #ddd; text-align: center; background: #eee; }		
	.widget li { font-size: 14px; padding: 0px; border-bottom: 1px solid #ddd; }	
	.widget li a { display: block; padding: 12px 18px; font-size: 15px; }
	.widget li li a { font-size: 13px; }
	.widget a:hover, .widget .current-page a { color: #d71921; }
	.widget ul li ul { border-top: 1px solid #ddd; }
	.widget ul li ul li { background: url(../images/widget_bullet.png) no-repeat 20px 20px; }
	.widget ul li ul li a { padding: 12px 30px;  color: #999; }
	
#nav-menu .widgettitle { color: #d71921; }
	#nav-menu li.current-page { background: #d71921; }
	#nav-menu li.current-page a { color: #fff; }


	
/*--------------------------------------------------------------------------------*/
/*------------------------------------ content -----------------------------------*/
/*--------------------------------------------------------------------------------*/

#top-area { background: url(../images/top-area.jpg) no-repeat bottom center; padding-top: 190px; height: 100px; overflow: hidden; }
	#top-area h1.title { color: #fff; font-size: 24px; text-align: center; font-weight: 500; }
#breadcrumbs { font-size:13px; color:#999; padding:10px 23px; border-bottom: 1px solid #eee; }
	#breadcrumbs_box { float: right; position: relative; margin-left: 6px;  display: inline-block; }
	#breadcrumbs_box span { padding: 0 3px; }
	.breadcrumbs_home { background: url(../images/breadcrumbs_home.png) no-repeat 2px; padding-left: 20px; }
	.breadcrumbs-last { color: #111; }

#content-area { background-color: #fff; padding: 40px 0 120px;}

#main-area { float: left; width: 700px; position: relative; }
#main-area.fullwidth { width: 100%; }


.page-content { margin-top: 20px; }
.page-name h1 { font-size: 40px; color: #333; line-height: 1em; font-weight: normal; } 
.page-meta { line-height: 1.4em; font-size: 13px; font-weight: 300; }
.page-title { background:url(../images/title-bullet.png) no-repeat 0px 6px; padding-left: 14px; font-size: 28px; color: #d71921; line-height: 1.2em; letter-spacing: -1px; font-weight: normal; } 
.page-content img { max-width: 100%; }

blockquote { display: inline-block; background:url(../images/blockquote-bg.png) no-repeat top left; padding-left: 45px; font-size:16px; color:#58595b; margin: 10px 0 30px; }
blockquote p { font-size: 16px; margin: 8px 0; }
dropcap { font-size: 36px; float: left; display: block; margin: 6px 8px 0 0; line-height: 1; color: #d71921; }

.page-content ul { margin: 1em 0; list-style-type: disc; padding: 0 0 23px 16px;}
.page-content ul.pageslider { padding: 0; }
	.page-content ul li { list-style: disc; padding: 0; padding-bottom:5px;}
	ul.page-ul { list-style: none; padding: 0; }
	ul.page-ul li { list-style: none; padding-left: 23px; background:url(../images/li_bullet.png) no-repeat 0 5px; }

.page-tabmenu { display: block; width: 100%; border: 1px solid #ddd; margin: 15px 0; }
	.page-content ul.page-tabmenu, .page-content ul.page-tabmenu li { padding: 0; list-style: none; }
	.page-tabmenu li { float: left; padding:0; margin: 0; width: 50%; }
	.page-tabmenu.three li { width: 33.26%; border-right: 1px solid #ddd; }
	.page-tabmenu.three li:last-child { border-right: none; }
	.page-tabmenu.four li { width: 24.9%; border-right: 1px solid #ddd; }
	.page-tabmenu.four li:last-child { border-right: none; }
	.page-tabmenu li a { display: inline-block; float: left; padding: 10px 0; font-size: 18px; text-align: center; width: 100%; }
	.page-tabmenu li a.active { background: #d71921; border: 1px solid #d71921; color: #fff; }
	.page-tabmenu:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.page-notice { display: block; background: url(../images/page-notice.png) no-repeat 0 6px; padding-left: 50px; margin: 20px 0; font-size: 14px; line-height: 22px; }

.box { width: 90%; padding: 5%; border: 1px solid #ddd; margin: 20px 0; background-color: #fff; }
.box:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.keycolor { color: #d71921 !important; }
.reserv_table { width: 100%; }
.reserv_table tr td, th { padding: 8px 2px; }


/*--------------------------------------------------------------------------------*/
/*---------------------------------- reservation ---------------------------------*/
/*--------------------------------------------------------------------------------*/

.reservbox {background:#f4ece4;padding:40px;}
.reservbox h1 {width:100%;background:#d71921;text-align:center;padding:5px 0;font-size:22px;color:#fff;}
.reservbox ul {padding: 0;}
.reservbox ul li {list-style: none;}
.reservbox ul li span{display:inline-block;width:260px;}
.reservbox ul li input[type=text]{height:25px;border:1px solid #d3d5d8;}
.reservbox select{height:30px;border:1px solid #d3d5d8;}
.reservbox textarea{width:100%;border:1px solid #d3d5d8;}

.reserv-program{width:100%;margin-bottom:30px;}
.reserv-program ul{border:1px solid #d1d1d1;margin-top:5px;padding:0;background:#fff;}
.reserv-program ul li{font-size:14px;color:#3e3e3e;line-height:50px;border-bottom:1px solid #d1d1d1;padding:0 20px}

.reserv-cal{width:100%;background:#d71921;text-align:center;padding:15px 0;}
.reserv-cal span{font-size:36px;line-height:30px;color:#fff;}
.reserv-cal a.prev{vertical-align:top;margin-right:20px;padding:0px;}
.reserv-cal a.next{vertical-align:top;margin-left:20px;padding:0px;}
.reserv-cal a img{vertical-align:top;}

.reserv-week{width:100%;}
.reserv-week ul{margin-bottom:4px;}
.reserv-week ul li{float:left;width:14.15%;background:#d1d1d1;text-align:center;line-height:26px;color:#fff;border-right:1px solid #fff;padding:5px 0 0 0;}
.reserv-week ul li.e{border-right:1px solid #d1d1d1;}

.reserv-day{width:100%;margin-bottom:30px;}
.reserv-day ul{margin:0;}
.reserv-day ul li{float:left;width:14.15%;background:#d1d1d1;text-align:center;line-height:26px;color:#fff;padding:0px 1px 1px 0px;font-size:30px;}
.reserv-day ul li.f{padding:0px 1px 1px 1px;}
.reserv-day ul li.f a{color:red;}
.reserv-day ul li a{display:block;background:#fff;line-height:60px;}
.reserv-day ul li a.nd{color:#dadada}
.reserv-day .current {background:#b69881;color:#fff;}

.reserv-time{width:100%;margin-bottom:30px;}
.reserv-time ul{border:1px solid #d1d1d1;margin-top:5px;padding:15px;}
.reserv-time ul li{float:left;width:18%;padding:8px;position:relative;text-align:center;}
.reserv-time ul li .timeCheck { display:none; }
.reserv-time ul li .timeCheck + label {display:block;border:2px solid #d71921;border-radius:5px;font-size:18px;color:#545454;line-height:26px;padding:2px 0;cursor:pointer;}
.reserv-time ul li .timeCheck + label:hover {color:#fff;background:#d71921;}
.reserv-time ul li .timeCheck:checked + label {color:#fff;background:#d71921;}
.reserv-time ul li .nd + label {border:2px solid #ddd;color:#ddd;background:none;}
.reserv-time ul li .nd + label:hover {color:#ddd;background:none;}
.reserv-time ul li .nd:checked + label {color:#ddd;background:none;}

.reserv-current{width:100%;margin-bottom:30px;}
.reserv-current ul{border:1px solid #d1d1d1;margin-top:5px;padding:0;background:#fff;}
.reserv-current ul li{font-size:14px;color:#3e3e3e;line-height:50px;border-bottom:1px solid #d1d1d1;padding:0 20px}

.customer-info{width:100%;margin-bottom:30px;}
.customer-info ul{border:1px solid #d1d1d1;margin-top:5px;padding:0;background:#fff;}
.customer-info ul li{font-size:14px;color:#3e3e3e;line-height:50px;border-bottom:1px solid #d1d1d1;padding:0 20px}

.reserv-print {background:#f4ece4;padding:46px;}
.reserv-print h3 {text-align:center;color:#d71921;font-weight:bold;font-size:18px;padding:10px 0;}
.reserv-print h1 {text-align:center;color:#d71921;font-weight:600;font-size:48px;text-transform:uppercase;padding:20px 0;line-height:1em;}
.reserv-print ul {border:1px solid #d1d1d1;padding:0;background:#fff;}
.reserv-print ul li {list-style: none;font-size:14px;color:#3e3e3e;line-height:50px;border-bottom:1px solid #d1d1d1;padding:0 20px}
.reserv-print ul li span{display:inline-block;width:240px;border-right:1px solid #d1d1d1;margin-right:20px;}
.print-logo {float:right;margin-top:0; }

a.reserv-btn{display:block;width:100%;background:#d71921;font-size:22px;padding:10px 0;text-align:center;color:#fff;margin-bottom:30px;}
a.print-btn{display:block;width:100%;background:#d71921;font-size:22px;padding:10px 0;text-align:center;color:#fff;margin-bottom:30px;}

.reserv-apply .one-half {text-align:center;}
.reserv-apply .reserv {background:#d71921;}
.reserv-apply .reserv h3 {color:#fff;padding:20px 0;}
.reserv-apply .reserv a {color:#f4ece4;}
.reserv-apply .confirm {background:#f4ece4}
.reserv-apply .confirm h3 {color:#d71921;padding:20px 0;}
.reserv-apply .confirm a {color:#d71921;}
.reserv-apply a {display: inline-block;width:80%;text-align:center;margin:15px 0;font-size:16px;font-weight:bold;line-height:20px;letter-spacing:-1px; }
.reserv-apply a span {font-size:14px;padding: 0 10px;vertical-align: text-bottom;}
.reserv-apply a:hover{color:#111;}

.reserv-banner {background:#fff;padding:20px;border:1px solid #ddd;}
.reserv-banner div {width:46px;float:left;margin-right:20px;}
.reserv-banner p {float:left;margin:0;font-size:14px;line-height:22px}
.reserv-banner a {float:right;display: inline-block;width:220px;text-align:center;padding:10px 20px;font-size:16px;font-weight:bold;line-height:16px;letter-spacing:-1px;background:#d71921;color:#fff;}
.reserv-banner a span {font-size:14px;padding: 0 10px;vertical-align: text-top;}
.reserv-banner a:hover{background:#000;color:#fff;}

.reserv-related img {padding-bottom:10px;}
.reserv-related h3 {color:#666;font-weight:normal; }
.reserv-related p {margin:0;font-size:14px;}

/*--------------------------------------------------------------------------------*/
/*------------------------------------ program -----------------------------------*/
/*--------------------------------------------------------------------------------*/

.service-box p { margin: 0; } 
.service-time { float: left; display: inline-block; width: 110px; height: 110px; margin: 0 20px 20px 0; text-align: center; font-size: 36px; line-height: 110px; color: #d71921;  }
.service-name { margin-top: 10px; }
.service-name span { background: #d71921; padding: 2px 4px; margin-right: 10px; border-radius: 3px; color: #fff; }
.service-meta { margin: 0; color: #d71921; }


/*--------------------------------------------------------------------------------*/
/*------------------------------------ gallery -----------------------------------*/
/*--------------------------------------------------------------------------------*/


#tile-gallery li { position: relative; float: left; padding-left: 0; padding-bottom: 0; line-height: 0; width: 240px; height: 240px; overflow: hidden; }
#tile-gallery li img { max-width: 100%; }
	.tile-gallery-description { position: absolute; top: 0; left: 0; background: url(../images/tile-gallery-bg.png); width: 100%; height: 100%; text-align: center; }
		.tile-gallery-description h3 a { color: #fff; }
		.tile-gallery-description p { color: #94A1A3; font-size: 16px; width: 100%; }
		.tile-gallery-description .gallery-zoom { background: url(../images/gallery-zoom.png) no-repeat; text-indent: -9999px; display: inline-block; width: 42px; height: 42px;}
	.gallery-description { display:none; opacity: 0; }		
	#tile-gallery li:hover .gallery-description { display:inline-block; opacity: 1; }
	#tile-gallery li:hover h3 { margin-top: 60px; font-weight: 800; font-size: 18px;  color: #fff; }
	
#page-gallery { margin: 30px 0 0 -36px; padding: 0; border-bottom: 1px solid #ddd; }
#page-gallery li { position: relative; float: left; width: 207px; margin: 0 0 36px 36px; padding: 0 }
#page-gallery li .gallery-thumb { height: 140px; overflow: hidden; }
#page-gallery li .gallery-thumb img { margin-top: -33px; }
	#page-gallery h3 { font-size: 16px; padding: 6px 0 0; font-weight: 300; line-height: 1.4em; }
	#page-gallery p { color: #666; margin: 0; }

#page-slider .bx-wrapper { margin-bottom: 10px; }
#page-slider .gallerythumb a { display: inline-block; width: 23.8%; margin-right: 1%; height: auto; opacity: 0.3; }
#page-slider .gallerythumb a.last { margin-right: 0; }
#page-slider .gallerythumb a.active { opacity: 1; }
.bx-controls-direction { position: absolute; display: block; width: 100%; margin-top: -50%; height: 489px; z-index: 99; }
.bx-controls-direction .bx-prev, .bx-controls-direction .bx-next { display: block; position: absolute; top: 50%; width: 45px; height: 50px; margin-top: -25px; text-indent: -9999px; }	
.bx-controls-direction .bx-prev { left: 0;  background: url(../lib/images/slider-arrow-left.png) no-repeat;  }	
.bx-controls-direction .bx-next { right: 0;  background: url(../lib/images/slider-arrow-right.png) no-repeat; }	


/*--------------------------------------------------------------------------------*/
/*------------------------------------ board -------------------------------------*/
/*--------------------------------------------------------------------------------*/

#post-list { margin-top: 30px; border-bottom: 1px solid #ddd; }
.post-entry { margin-bottom: 30px; }
	.post-thumb { display: block; float:left; width: 180px; height: 100px; overflow: hidden; margin-right: 30px; }
	.post-thumb img { max-width: 100%; }
	.post-title { font-size: 16px; line-height: 1.2em;  }
	.post-entry p { margin: 0; }
	.post-entry p.post-meta { line-height: 1.2em; font-size: 13px; color: #999; font-weight: 300; margin-bottom: 6px; }
	
#post-qna { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 13px; }
	#post-qna .header { font-weight: bold; }
	#post-qna .pagebutton { margin: 0; }
	ul.post-qna-list, ul.post-qna-list li { list-style: none; padding: 0; margin: 0; }
	.post-qna-list li { display: block; width: 100%; border-bottom: 1px dotted #ddd; height: 34px; overflow: hidden; }
	.post-qna-list li.speaker { background: #eee; }
	.post-qna-list li.speaker img { padding-top: 6px;}
	.post-qna-list span { display: block; padding: 6px 0; text-align: center; line-height: 1.8em; float: left; height: 28px; overflow: hidden;}
	.post-qna-list span.no { width: 7% }
	.post-qna-list span.title { width: 60%; text-align: left; }
	.post-qna-list span.title .attach-file { float: left; display: block; margin: 5px 5px 0 0; height: 14px; width: 14px; }
	.post-qna-list span.title .comment-num { display: inline-block; background: #d71921; margin-right: 5px; padding: 3px; height: 8px; font-size: 9px; color: #fff; line-height: 1em; border-radius: 3px; }
	.post-qna-list span.author { width: 12% }
	.post-qna-list span.date { width: 12% }
	.post-qna-list span.hit { width: 9% }

#post-qna table { background: none; }
	#post-qna tr td, #post-qna th { border: none; border-bottom: 1px dotted #ddd; padding: 10px; text-align:center; }
	#post-qna table tbody td:first-child + td { text-align: left; }
	.attach { display: inline-block; margin: 2px 0 0 6px; text-indent:-9999px; width:14px; height:14px; background: url(../images/icon-attach.png) no-repeat; }

.searchwrap { width: 100%; border-bottom: 1px solid #ddd; }
	.searchwrap p { float: left; margin: 4px 0; font-size: 13px; }
	.searchwrap p span { color:#d71921; }
	.search	 { float: right; border: none; }

.pagebutton { width: 100%; margin: 30px 0; }
	.pagebutton .left { float: left; margin-bottom: 10px; }
	.pagebutton .right { float: right; margin-bottom: 10px; }
	.pagebutton span { float: left; margin-right:5px; }
	.button-nomal a { display: block; padding: 6px 12px; background:#d71921; border-radius: 3px; border: none; color: #fff; }


/*--------------------------------------------------------------------------------*/
/*------------------------------------ FAQs --------------------------------------*/
/*--------------------------------------------------------------------------------*/

#faqs { position:relative; }
#faqs h4 { cursor:pointer; border: 1px solid #ddd; padding: 10px 50px 10px 30px; margin-top: 10px; font-weight: 400; background: url(../images/faq.png) no-repeat center right; font-size: 16px;  }
#faqs h4.active	{ color:#c5004b; }
#faqs div   { position:relative; }
#faqs div p	{ padding:0; padding: 0 30px 20px 30px; }
	

/*--------------------------------------------------------------------------------*/
/*------------------------------------ table -------------------------------------*/
/*--------------------------------------------------------------------------------*/

.membership { width: 100%; text-align: center; margin: 20px 0; }
.membership th { background: #efefef; }
.membership tr td, .membership th { padding: 12px; font-size: 15px; width: 20%;  }


/*--------------------------------------------------------------------------------*/
/*-------------------------------- comments --------------------------------------*/
/*--------------------------------------------------------------------------------*/

.comments { margin-top: 40px;}
	.comment-title { background: url(../images/icon-comment.png) no-repeat 0 6px; padding-left: 30px; font-size: 1.5em; font-weight: 700; }
	.comment-notice { margin: 20px 0 10px; }
	.comment-notice span { color: #d71921; }
	.comment-form { margin: 20px 0 50px;}
	.comment-form label { display: block; margin-bottom: 6px; }
	.comment-form-left { width: 47.5%; float: left; margin-right: 5%; }
	.comment-form-right { width: 47.5%; float: left; }
	.comment-form-checkbox, .comment-form-radio, .comment-form-captcha, .comment-form-note  { display: inline-block; width: 100%; }
	.comment-form-checkbox label, .comment-form-radio label { display: block; float: left; margin-right: 20px; }
	.comment-form-checkbox input, .comment-form-radio input { margin-top: 3px; float: left; margin-right: 10px;  }
	.comment-form-captcha span { display: block; float: left; margin: 5px 10px 0 0; }
	.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="password"], .comment-form textarea { display: block; width: 95%; padding: 6px 8px; border-radius: 3px; color: #333; margin: 0; }
	.comment-form textarea { width: 97.5%; }
	.comment-form-title input[type="text"] { width: 97.5%; }
	.comment-form input[type="captcha"] { display: block; padding: 6px 8px; border-radius: 3px; width: 80px; }
	.comment-form input[type="submit"] { border-radius: 3px; }
	.form-submit { margin-top: 30px; }
	.form-submit .button-nomal { padding: 6px 12px; background:#d71921; border-radius: 3px; border: none; color: #fff; }
	.required { color: #d71921; }

ol.comment-list { margin: 0; padding: 0; }
	.comment h4 { float: left; margin-right: 10px; font-size: 16px; line-height: 1em; }
	.comment-meta { color: #999; }
	.comment-list li:first-child { border-top: 1px solid #ddd; }
	.comment-list li.comment { padding: 20px 0px; border-bottom: 1px solid #ddd; }
	.comment-list li.comment-reply { background: url(../images/icon-reply.png) no-repeat 0 20px; padding: 20px 20px 0px; border-bottom: none; }
	.comment-meta { margin: 0; }
	.comment-btn a { color: #d71921; }
	
	
/*--------------------------------------------------------------------------------*/
/*-------------------------------- page-navi -------------------------------------*/
/*--------------------------------------------------------------------------------*/

.pagenavi {position: relative; text-align: right;  margin-top: 40px; }
	.pagenavi span { text-decoration: none; padding: 8px 11px; margin: 2px; }
	.pagenavi span.pages { border: none; }
	.pagenavi span.current { font-weight: bold; background: #d71921; color: #fff; }
	.pagenavi a { padding: 8px 11px; border: 1px solid #ddd; background: #fff; }
	

			
/*--------------------------------------------------------------------------------*/
/*------------------------------------ footer ------------------------------------*/
/*--------------------------------------------------------------------------------*/

#footer { width:100%; padding:30px 0; background: #787878; color: #f0f0f0; }
	#footer a { color: #f0f0f0; }
	#footer a:hover { color: #fff; }
	.footer-top ul li { float: left; padding-left: 0; padding-right: 12px; }
	.footer-top ul li a { display: block; line-height: 12px; padding-right: 12px; border-right: 1px solid #CCC; margin: 3px 0; }
	.footer-copyright { margin-top:20px; font-size: 14px; line-height: 20px; letter-spacing: -0.5px; }


/*--------------------------------------------------------------------------------*/
/*------------------------------------ banner ------------------------------------*/
/*--------------------------------------------------------------------------------*/		

#top-banner { position: fixed; width: 100%; height: 320px; padding: 10px 0; text-align: center; display: none; z-index: 9999; }	
.home #top-banner { display: block; }
.top-banner-img { height: 320px; }
.top-banner-content { }
#top-banner-close { position: absolute; bottom: 10px; right: 10px;  color: #000; font-size: 16px; }
#top-banner-close:hover { color: #fff; }


/*--------------------------------------------------------------------------------*/
/*------------------------------------ response ----------------------------------*/
/*--------------------------------------------------------------------------------*/

@media only screen and ( max-width: 960px ) {
	.container {width:740px;margin-bottom: 0px; }
}


@media only screen and ( min-width: 768px ) and ( max-width: 960px ) {
	.container {width:740px;margin-bottom: 0px; }
	#main-area { width:740px; }
	#sidebar-area { display: none; }
	#main-menu { font-size: 14px; }
	.mainmenus { margin-top: 20px; }
	.mainmenus>ul>li>a { padding: 14px 20px 20px 10px; }
	
	#top-banner { position: fixed; z-index: 9999; }
	#logo { padding-top: 22px; }
	#logo img { width: 200px; }
	#top-area { padding-top: 167px; }
	
	.mainmenus ul li.lang a { font-size: 11px; }
	.mainmenus>ul>li.lang>a { padding: 14px 8px 30px 8px; }
	.movie-section .entry .one-half { width: 100%; margin-left: 0; }
	
	#main-slides { padding-top: 92px; }
	.slide-img h1 { font-size: 40px; }
	.bx-prev, .bx-next { top: 120px; }
	.thumb { height: 180px; }
	.news-section .thumb { margin-left: 40px; }
	#gallery li { width: 185px; height: 185px; }
	.gallery-description h3 a { font-size: 16px; }
	.gallery-description p { font-size: 12px; margin-top: 6px; }
	#page-slider .gallerythumb a { width: 23.6%; }
	.bx-controls-direction { height: 376px }	
	.banner-thumb { width: 100%; margin-bottom: 20px; }
	#page-gallery { margin: 30px 0 0 -12px; }
	.page-tabmenu.three li { width: 33.2%; }
	
	.reservbox { padding:6px; }
	.reservbox ul li span { width: 100%; }
	.reserv-week ul li, .reserv-day ul li { width:14.1%; }
	.reserv-time ul li { width: 24.4%; padding: 2px; }
}


@media only screen and ( max-width: 767px ) {
	.container { width:480px; margin-bottom:0; }
	#main-area { width:480px; }
	#sidebar-area { display: none; }
	#main-menu { height: 80px; }
	#main-menu .mainmenus { display: none; }
	
	#top-banner { position: fixed; z-index: 9999; }
	.logo-area { height: 80px; }
	#logo { padding-top: 20px; }
	#logo img { width: 200px; }
	#navi { display: block; width: 100%; position: fixed; z-index: 999; top: 0; }
	#top-area { padding-top: 120px; }
	#top-area h1.title { font-size: 20px; }
	
	#main-slides { height: 500px;  padding-top: 80px; }
	.slide-img h1 { font-size: 36px; margin-top: 80px; }
	.main-slide-text-box { width: 430px; top: 340px; height: 140px; }
	.main-slide-text div { display: none; }
	.program-section .one-third { height: 180px; margin-bottom: 20px; }
	.program-section .thumb { width: 50%; float: left; margin-right: 0; margin-top: 0px; height: 200px; }
		.program-section .thumb img { margin-left: 0px; }
		.program-section h3.title, .program-section .one-third p { display: inline-block; width: 200px; padding: 10px 20px; }
	.news-section .thumb { margin-left: 0px; float: left; margin-right: 30px; }
		.news-section .one-third { text-align: left; min-height: 160px; }
	.movie-section .entry { background-position: bottom center; }
		.movie-section .entry .prmovie { width: 440px; height: 247px; margin-top: 20px; }
	.footer-email, .footer-phone, .footer-copyright { font-size: 11px; }

	.one-fourth, .one-third, .one-half, .two-thirds  { width: 100%; margin-left: 0%; float: none; padding-bottom: 20px; }
	.post-thumb { width: 33%; float: left; margin-right: 5%; }
	.post-qna-list span.no { width: 7% }
	.post-qna-list span.title { width: 51%; }
	.post-qna-list span.author { width: 14% }
	.post-qna-list span.date { width: 16% }
	.post-qna-list span.hit { width: 12% }
	#post-qna tr td, #post-qna th { padding: 5px; }
	.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="password"] { width: 89%; }
		.comment-form textarea { width: 94.5%; }
		.comment-form-title input[type="text"] { width: 94.5%; }
	#page-gallery { margin: 30px 0 0 -20px; }
	#page-slider .gallerythumb a { width: 23.3%; }
	.bx-controls-direction { height: 250px }
	.page-tabmenu.three li { width: 33%; }
	.page-tabmenu.four li { width: 24.8%; }
	.page-tabmenu li a { font-size: 16px; }
	.page-notice { background-position: top center; padding-left: 20px; padding-right: 20px; padding-top: 50px; margin: 20px 0; font-size: 14px; line-height: 22px; }
	.comment-form-checkbox label, .comment-form-radio label { float: none; }
	
	.reservbox { padding:6px; }
	.reservbox ul li span { width: 100%; }
	.reserv-week ul li, .reserv-day ul li { width:14%; }
	.reserv-time ul li { width: 32.4%; padding: 2px; }
	.reserv-program, .reserv-day, .reserv-time, .reserv-current, .customer-info { margin-bottom: 1em; }	
	.reserv-print { padding: 6px; }
	.reserv-print h1 { font-size: 36px; }
	.reserv-print .page-meta { padding: 0 20px; }
	.reserv-print ul li span{width:100%;border-right:none;margin-right:0px;font-weight:bold;}
	.print-logo { float: none; text-align:center; }
	.reserv-banner a { float: none; width:400px; margin-top:20px; }
	
	.service-icons img { width: 66px; height: 66px; }
}


@media only screen and ( max-width: 479px ) {
	.container { width:300px; margin-bottom:0; }
	#main-area { width:300px; }
	.topmenu a { font-size: 11px; }
	.topmenu span { display: none; }
	.bx-prev, .bx-next { top: 100px; }
	
	.slide-img h1 { font-size: 32px; margin-top: 80px; }
	.main-slide-text-box { width: 260px; top: 390px; height: 80px }
	.main-slide-text p { display: none; }
	.program-section .one-third { height: auto; }
	.program-section .thumb { width: 100%; float: none; margin-left: 0; margin-right: 0; margin-top: 0px; }
		.program-section .thumb img { margin-left: 0px; }
		.program-section h3.title, .program-section .one-third p { width: 260px; padding: 10px 20px; }
	.movie-section .entry { background-position: bottom center; }
		.movie-section .entry .prmovie { width: 300px; height: 169px; margin-top: 0; }
	.news-section .thumb { margin-left: 80px; float: none; margin-right: 0; }
		.news-section .one-third { text-align: center; }
	#main-gallery li a { width: 130px; height: 130px; }		
	
	#top-area h1.title { font-size: 18px; }
	#breadcrumbs { display: none; }
	#tile-gallery li { width: 150px; height: 150px; }
		.tile-gallery-description h3 a { font-size: 16px; }
		.tile-gallery-description p { font-size: 12px; margin-top: 4px; }
		#tile-gallery li:hover h3 { margin-top: 20px; }
	
	blockquote { margin-left: 0; }
	.post-thumb { width: 100%; height: 160px; margin-bottom: 15px; margin-right: 0; }
	.page-title { font-size: 22px; padding-top: 2px; }
	.searchwrap { display: none; }
		.searchwrap p { float: none; }
		.search { float: none; padding: 0; margin-bottom: 10px; }
		.search select { margin: 3px 0; }
	
	ul.post-qna-list li { padding: 10px 0; }
		#post-qna .header { display: none; }
		.post-qna-list li { height: 54px; }
		.post-qna-list span { padding: 0; }
		.post-qna-list span.no { width: 12% }
		.post-qna-list span.title { width: 88%; }
		.post-qna-list span.author { width: 20%; color: #aaa; }
		.post-qna-list span.date { width: 24%; color: #aaa; }
		.post-qna-list span.hit { width: 18%; color: #aaa; }
	#post-qna tr td, #post-qna th { padding: 3px; }
	.pagebutton .right { float: left; }
	#page-gallery { margin: 30px 0 0 0; }
		#page-gallery li { width: 240px; margin: 0 0 36px 30px; }
	#page-slider .gallerythumb a { width: 22.8%; }
	.bx-controls-direction { height: 160px; display: none; }	
	.page-tabmenu.three li { width: 100%; border-bottom: 1px solid #ddd; }
	.page-tabmenu.four li { width: 24.6%; }
	.pagenavi { text-align: center; }
		.pagenavi span.pages { display: none; }
		
	.reserv-week ul li { width:13.8%; font-size: 12px; }
	.reserv-day ul li { width:13.8%; font-size: 20px; }
	.reserv-time ul li { width: 48%; padding: 2px; }	
	.reserv-print h1 { font-size: 32px; }	
	.reserv-banner p { float: none; }
	.reserv-banner a { float: none; width:220px; margin-top:20px; }
	
	.top-banner-img { background-size: contain !important; }
}