/* CSS Document 
Theme Name: Templestay
Theme URI: http://www.templestay.com/
Description: 3 Column Responsive theme
*/

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


body { background-color: #FFF;  }

body,td,form,input, select, textarea {
	font-size:13px;
	font-family: helvetica, sans-serif;
	color:#636b66;
	line-height:20px;
	margin:0 0 0 0 ;	
}

body,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: 14px;
}


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

a:link   	{ color:#636b66; text-decoration:none;}
a:visited	{ color:#636b66; text-decoration:none;}
a:hover   	{ color:#000000; 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: #808080; letter-spacing: -1px; 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; }
table, img {border:none; border-spacing:0px;border-collapse:collapse;word-break:break-all;}
	tr td, th { border: 1px dotted #ddd; padding: 6px; text-align:center; }	

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


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


#logo { position: absolute; left: 0; top:34px; display: block; z-index: 999; }	
#top-menu { position: absolute; width:100%; margin:0 auto; z-index: 999; }
	.topmenus { position: absolute; width: 240px; top: 0; right: 0; text-align: right; padding: 40px 0px 40px 0; color:#fff; }
	.topmenu { padding:8px 24px;; }	
	.topmenu a { display: inline-block; padding-right: 12px; padding-top: 3px; padding-bottom: 10px; color: #fff; font-size:16px; line-height: 1.6em; }
	.topmenu a:hover { color: #ddd; }
	.topmenu .logicon { float: right; display: inline-block; width: 60px; height: 30px; background: url(../images/icon-login.png) no-repeat top center; }
#top-menu .language a { position: absolute; top: 50px; right: 0px; }
	#top-menu .langicon { display: inline-block; width: 60px; height: 30px; }
	#top-menu .langicon.eng { background: url(../images/icon-lang-eng.png) no-repeat top center; }
	#top-menu .langicon.kr { background: url(../images/icon-lang-kr.png) no-repeat top center; }
#top-menu ul li ul { background: url(../images/submenu-bgtop.png) no-repeat top center; }
#top-menu ul li ul li:first-child { padding-top: 26px; }
#top-menu ul li ul li:last-child { padding-bottom: 20px; }
	#top-menu ul li ul { display: none; }
	#top-menu ul li:hover ul { display:block; }
	#top-menu ul li:hover ul li { display:block; }
	#top-menu li li { height:20px; padding:6px 0px 2px 20px; margin-bottom:3px; line-height:1em; font-weight: normal; text-align: left; } 
	#top-menu li li a { display:block; color:#666; font-size: 14px; }
	#top-menu li li a:hover { color:#f6d059; background:none; border:none; }	
#top-menu ul li ul li:hover { -webkit-transform: translateX(6px); -moz-transform: translateX(6px); transform: translateX(6px); transition-duration: .5s; }
	
#main-menu { width: 100%; font-size:18px; font-weight:bold; } 
#main-menu ul li { background: none; width: 130px; text-align: center }
#main-menu ul li#m1 { width: 190px; }
#main-menu ul li#m4 { width: 190px; }
#main-menu ul li#m5 { width: 100px; }
#main-menu ul li ul { width: 190px; }
#main-menu ul.mobile-navi li#m1, #main-menu ul.mobile-navi li ul { width: 100%; }
#main-menu ul li ul li { width: 200px; text-align: left; }
		.mainmenus { position: absolute; display: block; left:274px; margin-top: 24px; z-index: 999; }
		.mainmenu { float:left; padding:0; }
		.mainmenu ul li { display: none; }
		.mainmenus ul li ul { background: url(../images/submenu-bgtop.png) no-repeat top center; }
		.mainmenus ul li ul li:first-child { padding-top: 26px; }
		.mainmenus ul li ul li:last-child { padding-bottom: 20px; }
		.mainmenus>ul>li>a { display:block; padding:28px 0px 20px 0px; color:#fff; } /* 개별메뉴시 width삭제 */
		.mainmenus ul li a:hover { color:#f6d059; font-weight:bold; }
			.mainmenus>ul>li:hover ul { display:block; }
			.mainmenus>ul>li:hover ul li { display:block; }
			/* .mainmenus ul:hover li { display:block; }  통합 메뉴시 줄포함 */
			.mainmenus li li { padding:6px 0px 2px 20px; margin-bottom:3px; line-height:1em; font-weight: normal; } /* 개별메뉴시 position: absolute;  */
			.mainmenus li li a { display:block; color:#666; font-size: 14px; }
			.mainmenus li li a:hover { color:#f6d059; 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; }
.navi-icon { display: block; text-indent: -9999px; background: url(../images/navi-icon.png) no-repeat; position: absolute; top: 40px; right: 10px; width: 50px; height: 36px; z-index: 9999; }
#navi ul.mobile-navi { position: fixed; top: 0; right: -250px; width: 250px;  height: 200%;  background: #666; z-index: 9999; overflow: hidden; }
.navi-icon.active { right: 250px; background: url(../images/close-icon.png) no-repeat; }
#navi ul.mobile-navi.active { right: 0px; }
.navi-icon.active, #navi ul.mobile-navi.active { -webkit-transform: translateX(6px); -moz-transform: translateX(6px); transform: translateX(6px); transition-duration: .5s; }
	#navi ul li { width: 100%; border-bottom: 1px solid #555; }
	#navi ul li a { color: #fff; }
	#navi>ul>li>a { display: block; padding: 14px 0px 10px 20px; text-align: left; }
	#navi ul li ul { display: none; }
	#navi ul li:hover ul { display:block; background: #555; padding: 10px 0; }	
	#navi ul li:hover ul li { display:block; padding: 10px 20px; }
	#navi ul li:hover ul li a:hover { display:block; width: 100%; color: #f6d059;  }
#navi ul.mobile-navi, #navi ul.mobile-navi 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); }	

.overlaybox { background: rgba(0, 0, 0, 0.75); }
.overlaybox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; display: none; }
.overlaybox.active { display: block; }


/*--------------------------------------------------------------------------------*/
/*----------------------------------- search-box ---------------------------------*/
/*--------------------------------------------------------------------------------*/

#search-box { width: 100%; top: 300px; margin: 0 auto; text-align: center; background: #0c4982; }
.home #search-box { padding-top: 300px; background: none; }
.search-content { background-color: none; padding: 30px 0px; }
.search-content input { background: none; border : none; width: 95%; padding: 14px 10px 14px 20px; }
.search-content input[type="submit"] { width: 100%; }
.search-content.page-search { padding: 40px 0px; }
.search-content.page-search input { padding: 6px; width: 178px; }
.search-content.page-search .filter-type { width: 190px; margin: 0; }
.filter-type { display:block; width: 200px; float: left; }
.filter-type { position: relative; padding: 0; font-size: 14px; font-weight: 300; color: #2a2a2a; display: inline-block; margin-right: 18px; }
.filter-type ul { width: 100%; position: absolute; z-index: 100; left: 0px; top: 48px; background: #eee; padding: 10px 0px 5px 0px;}
.filter-type ul li { padding: 10px; }
.filter-type, .filter-type ul { border: none; background: #d2d9cd; }
.filter-type:hover { text-decoration: none; color: #111; }
.filter-type-open ul { display: block; }
.filter-type-open ul li:hover { color: #000; font-weight: bold; }
.listing-radio { background: none; color: #fff; }
.listing-radio input[type=radio] { width: 25px; box-shadow: none; }
.listing-radio label { color: #fff; }

.et_explorable_filter_text { display:block; width: 180px; padding: 14px 10px 14px 20px; }
.et_filter_arrow, .et_filter_select { background: url(../images/search-filter-arrow.png) no-repeat right center; position: absolute; width: 100%; height: 48px; top: 0px; right: 20px; }
.et_filter_arrow.noicon { background: none }
.search-notice { color: #c4c49d; }
ul.guests { display: none; }
ul.guests.filter-type-open { display: block; }
ul.guests input { width: 30px; padding: 0 4px; text-align: center; }

ul.templename { position: absolute; z-index: 100; left: 0px; top: 64px; padding: 10px 0px 5px 0px; background: #d2d9cd; display: none; }
ul.templename.filter-type-open { display: block; }

#content_buttonSearch, #ctl00_content_buttonSearch { padding: 14px 72px; color: #fff; } 
#submenu_TextSearch { width: 270px; background: #d2d9cd; color: #636b66; }
#submenu_ButtonSearch { padding: 14px 72px; color: #fff; }

/*--------------------------------------------------------------------------------*/
/*------------------------------- search-box listing -----------------------------*/
/*--------------------------------------------------------------------------------*/

#et-listing-checkin, #et-listing-checkout, #et-listing-num, #et-listing-name { display: none; }
#et-filter { padding: 0; font-size: 14px; font-weight: 800; color: #fff; border: 0; display: inline-block; background: #a64144; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.6); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.6); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.6); }
#et-list-view {	display: block; width: 100%; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#et-list-view .container { background: none; }
.listing-results { padding: 10px 0px 0px; font-size: 16px; }
.listing-results h3 { display: block; float: left; margin-right: 15px; color: #d2d9cd; font-size: 18px; }
.listing-results ul li { display: block; float: left; padding: 4px; color: #d2d9cd; }
.listing-results ul li span.num { padding: 0px 10px; color: #C90; }
#et-listings { position: relative; padding: 0px; }
#et-listings ul li { padding: 15px 0; border-bottom: 1px solid #ddd;  }
.listing-check { float: left; margin-right: 4px; }
input[type=checkbox] { border: 1px solid #bbb; background: #fff; color: #555; clear: none; cursor: pointer; display: inline-block; line-height: 0; height: 16px; margin: 0 4px 0 0; outline: 0; padding: 0!important; text-align: center; vertical-align: middle; width: 16px; min-width: 16px; -webkit-appearance: none; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1); -webkit-transition: .05s border-color ease-in-out; transition: .05s border-color ease-in-out; }
input[type=checkbox]:checked:before { content: url(../images/li_bullet.png); margin: 0 0 0 -1px; color: #1e8cbe; }
input[type=checkbox]:checked:before, input[type=radio]:checked:before { float: left; display: inline-block; vertical-align: middle; width: 16px; font: 400 21px/1 dashicons; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.listing-image { display: block; float: left; position: relative; width: 240px; height: 130px; overflow: hidden; background: #ddd url(../images/noimage-temp.jpg) no-repeat center center; margin-right: 30px; }
.listing-image img { width: 100%; max-width: 100%; height: auto; }
.listing-tilde { display: inline-block; margin: 0 15px; }
.listing-text { display: block; float: left; width: 620px; overflow: hidden; margin-right: 30px; }
.listing-text h3 { font-weight: normal; }
.listing-text p { margin: 0; }
.listing-text .meta-info { color: #C90; padding-bottom: 5px; }
a.temple-link, a.readmore-link { display: inline-block; width: 120px; padding: 12px 30px; text-align: center; margin-bottom: 10px; }
a.temple-link { background: #9a9a9a; color: #fff; }
a.readmore-link { background: #f6d059; color: #111; }
#et-listings .pagenavi { width: 50%; float: left; }

.reservtemp input { border: 1px solid #d0c3a9; }

/*--------------------------------------------------------------------------------*/
/*--------------------------------- widget-datepicker ----------------------------*/
/*--------------------------------------------------------------------------------*/

.widget-datepicker { position: relative; margin: 20px 0; }
#search-box .widget-datepicker { margin: 0; }
.widget-datepicker-label { text-align: center; padding-bottom: 10px; font-size: 20px; }
#search-box .widget-datepicker-label { font-size: 14px; }
.widget-datepicker button { position: absolute; top: 0px; width: 32px; padding: 4px 6px; font-size: 8px; line-height: 1.1em; }
#search-box .widget-datepicker button { width: 16px; padding: 2px 3px 1px; }
.widget-datepicker-prev { left: 0px; }
.widget-datepicker-next { right: 0px; }
.widget-datepicker-bd table { width: 100%; border: 1px solid #e0e0e0; }
.widget-datepicker-bd table tr td { font-size: 10px; }
#search-box .widget-datepicker-bd table tr td { font-size: 11px; }
/*.widget-datepicker-bd table tr td:hover { background: #d2d9cd; cursor: pointer; }
.widget-datepicker-bd table tr td.widget-datepicker-disabled:hover { background: #fff; cursor: auto; } */
.widget-datepicker-weekend { font-weight: bold; color: #111; }

/* 김영익 추가 */
.widget-datepicker-disable { border: 1px solid #be8945; background: #be8945; color: #fff; font-weight: bold; }

/* 김영익 추가 END */
.widget-datepicker-selected { border: 1px solid #f6d059; background: #f6d059; font-weight: bold; }
.widget-datepicker-highlight { border: 1px solid #f6d059; font-weight: bold; }
.widget-datepicker-disabled { cursor: auto; }
.widget-datepicker-closed { background: #f9f9f9; color: #ddd; }
.widget-datepicker-bd table tr td.widget-datepicker-closed:hover { background: #f9f9f9; color: #ddd; cursor: auto; }
.reserv-status-o { color: #f6d059; padding: 0 5px; }
.reserv-status-x { color: #be8945; padding: 0 5px; }
.reserv-ul li, .reserv-ul-title { padding-left: 0; }
.page-content ul.reserv-ul { padding: 10px; background: #fff; border: 1px solid #e0e0e0; }
.page-content ul.reserv-ul li { display: block; padding: 6px; border-top: 1px dotted #e0e0e0; }
.page-content ul.reserv-ul li.reserv-ul-title { font-size: 22px; text-align: center; color: #be8945; border-top: none; padding: 10px 0 16px; line-height: 1.4em; }
.page-content ul.meta-ul { margin: 0; padding: }
.page-content ul.meta-ul li { padding: 0 0 0 16px !important; border-bottom: none !important; color: #C90; background:url(../images/li_bullet_meta.png) no-repeat 0 5px; }

/*----------- reserve box --------------*/

.reserve-info { width:100%; }
	.reserve-info li, .room-price li, .reserve-person-info li { color:#333; font-size:13px; }
	.reserve-info-box { background: #fff; border:1px solid #e0e0e0; margin-top:10px; }
		.reserve-info-box-title { padding:16px 0 12px; font-weight:bold; text-align:center; }
		.reserve-info-box-title2 { padding:16px 32px 12px; font-weight:bold; text-align:left; }
		.reserve-info-box-title h2 { font-weight:normal; color:#be8945; font-size: 22px; }
		.reserve-info-content { border-top:1px solid #e0e0e0; padding:16px 16px 16px 32px; }
		.reserve-info-content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
		.reserve-info-content.innertable { background: #eee; }
		.reserve-info-content p { width:140px; margin:0 13px 6px 0; padding:0; float:left; font-weight:bold; }
			.reserve-info input[type="radio"] { display: inline-block; margin-right: 5px; }
			.reserve-info input[type="text"] { padding: 2px; margin-bottom: 6px; }
			.reserve-info select { padding: 2px; height: 26px; }
			.reserve-info select.survey  { width: 246px; }
			.reserve-info #paypal1 { float: right; }
			p.reserve-label-caption { display: inline-block; width: 100%; font-weight: normal; font-size: 12px; }
			p.reserve-label-caption strong { color: #be8945; }
			p.reserve-label-response { display: inline-block; }
			p.reserve-label-price { display: inline-block; width: 35%; font-size: 18px; font-weight: normal; color:#be8945; }
			.reserve-person { width:150px; height:29px; border:1px solid #d0c3a9; padding:2px; margin-bottom:6px; }
			.reserve-price { display: inline-block; text-align: right; width: 55%; font-size: 18px; font-weight: normal; color:#be8945; line-height: 1.4em; }
			.reserve-price-sum { display: inline-block; text-align: left; width: 100%; font-size: 18px; font-weight: normal; color:#be8945; line-height: 1.4em; }
			.reserve-price-sum strong { font-size: 24px; line-height: 2em; }

.reserv-ul .listing-checkin input, .reserv-ul .listing-checkout input { border: 1px solid #d0c3a9; }

.reserve-groupname, .reserve-password { width:160px; }
.reserve-phone, .reserve-room, .reserve-age { width:60px; }
.reserve-name, .reserve-nation, .reserve-area, .reserve-num, .reserve-mail { width:160px; }

.page-content ul.reserve-join-list { list-style: none; padding: 0; margin: 0; }
.reserve-join-list li { display: block; width: 100%; height: 34px; overflow: hidden;}
.reserve-join-list.header li { font-weight: bold; }
.reserve-join-list span { display: block; padding: 6px 0; text-align: center; line-height: 1.8em; float: left; height: 28px; overflow: hidden; }
.reserve-join-list span input[type="text"], .reserve-join-list span select { width: 80%; }
	.reserve-join-list span.division { width: 15%; }
	.reserve-join-list span.name { width: 15% }
	.reserve-join-list span.age { width: 5% }
	.reserve-join-list span.age input[type="text"] { width: 28px; }
	.reserve-join-list span.gender { width: 15% }
	.reserve-join-list span.nation { width: 15% }
	.reserve-join-list span.mobile { width: 15% }
	.reserve-join-list span.mail { width: 20% }
.reserve-fileupload { margin: 10px 0; }	

.room-price { width:594px; float:left; margin-left:40px; }
	.price-info-boxs { width:594px; height:422px; border-top:1px solid #e0e0e0; margin-top:10px; }
	.price-info-box { border-bottom:1px solid #e0e0e0; padding:32px 15px; }
		.price-info-box .price-info-title {float:left; margin-right:30px; display:block; width:80px; font-weight:bold; }
		.price-info-box .price-result { font-size:36px; font-weight:bold; color:#F90; float:left; }
		.price-info-box .price-result-vat { margin-left:8px; }

.reserve-person-info {width:100%; margin-left:20px; }
	.reserve-person-boxs { background:#f5f5f5; padding:25px; }
	.reserve-person-box { height:50px; }
		.reserve-person-box p { display:block; float:left; margin:0; line-height:2em; margin-top:-4px;  }
		.reserve-person-title { font-size:13px; margin-left:10px; width:90px; float:left; }
		.reserve-person-name { width:150px; height:25px; margin-top:-4px; float:left; margin-right:12px; }
		.reserve-contry-code { width:150px; height:28px; margin-right:12px; }
		.reserve-person-phone { width:100px; height:25px; }
		.reserve-person-ask { width:700px; height:80px; }
		.reserve-person-card-info { width:700px; float:left; }
		.reserve-person-card-title { float:left; width:70px; }
		.reserve-person-card-expire { width:90px; height:25px; }
.reserve-finish-box { width:920px; border:1px solid #e0e0e0; margin-top:10px; text-align:center; }
	.reserve-finish-reservation-number { height:30px; padding:40px 0 30px; background:#f5f5f5; font-size:36px; color:#f5b929; }
	.reserve-finish-reservation-content { background:url(../images/common/reserve-finish-bg.png) center no-repeat; height:120px; padding-top:70px; }
	.reserve-finish-reservation-content h3, .reserve-finish-reservation-content h5 { letter-spacing:0;}
	.reserve-finish-reservation-contact {background:url(../images/common/reserve-finish-contact.png) left no-repeat; padding-left:30px; width:210px; height:35px; margin:0 auto; font-size:16px; margin-bottom:50px; }

.reserve-before-btn { background:url(../images/common/btn-gray.png) no-repeat; padding:12px 0 0 24px; width:102px; height:42px; position:absolute; left:80px; }
.reserve-next-btn { background:url(../images/common/btn-gray.png) no-repeat; padding:12px 0 0 24px; width:102px; height:42px; position:absolute; right:0; }
.reserve-check-btn { background:url(../images/common/btn-gray.png) no-repeat; padding:12px 0 0 34px; width:102px; height:42px; margin:0 auto; }

.readmore { background:url(../images/common/btn-gray.png) no-repeat; margin:20px; padding:12px 4px; width:102px; height:42px; }


/*--------------------------------------------------------------------------------*/
/*------------------------------------ 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; }

.one-fourth .icon,
.one-third .icon,
.one-half .icon,
.two-thirds .icon { display: inline-block; width: 120px; height: 120px; padding: 50px; border-radius: 50%; text-align: center; margin-bottom: 20px; }

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

.right { float: right; }
.left { float: left; }

/*--------------------------------------------------------------------------------*/
/*------------------------------------ main area ---------------------------------*/
/*--------------------------------------------------------------------------------*/

body.home { background: #2b5587; }
#top-banner { }	
.top-banner-img { }
.top-banner-content { }
#main-slides { position:relative; width: 100%; overflow: hidden; position: absolute; }
#main-slides .bx-controls { display: none; }
	#main-slides img {display:block; }
		.main-slide-text-box { width: 100%; margin:0 auto; text-align: center; position:absolute; top:150px; }
		.main-slide-text h1.title { color: #fff; font-size: 54px; line-height: 1em; font-weight: 500; }
		.main-slide-text p { color:#fff; line-height:30px; font-size:22px; margin-top:12px; }
		.slidecontrol-left { position:absolute; top:153px; left:50px; }
		.slidecontrol-right { position:absolute; top:153px; right:50px; }	
	.slide-img { display: block; width:100%; height: 780px; }

.section-top { padding-top: 20px; }
.section-map { padding-bottom: 30px; }
.section-map h3 {text-align: center; color: #fff; padding: 20px 0; }
.section-area { width:100%; margin:0; padding:0; position:relative; }
.section-header, .section-entry { width: 550px; height:550px; overflow: hidden; background: #fff; margin: 0; padding: 0; position: relative; }
	.section-bg img { width: 100%; }
	.section-description { position: absolute; top: 30%; width: 80%; padding: 0 10%; text-align: center; }
	.section-description h2 { font-size: 2.4em; font-weight: 500; line-height: 1.2em; color: #fff; }
	.section-description p { font-size: 1.2em; color:#fff; padding: 10px 0 0;  }
.section-entry .gallery-thumb, .section-entry .gallery-description { width: 50%; margin: 0 auto; padding: 0; text-align: center; }
	.section-entry .gallery-thumb img { width: 100%; }
	.section-entry-top, .section-entry-bottom { width: 100%; margin: 0 auto; padding: 0; }
	.section-entry-top .gallery-thumb { float: left; }
	.section-entry-top .gallery-description { float: right; }
	.section-entry-bottom .gallery-thumb { float: right; }
	.section-entry-bottom .gallery-description { float: left; }
.section-entry-top .gallery-thumb, .section-entry-bottom .gallery-thumb { background-position: center center; background-repeat: no-repeat; background-size: cover;  }
.section-entry-top .gallery-thumb a, .section-entry-bottom .gallery-thumb a {  display: block; width: 275px; height: 275px; }
	
.section-entry .gallery-description h3 a { display: block; width: 80%; padding: 25% 10% 15%; line-height: 1.2em; }
	.gallery-description p.meta-info { display: block; background: url(../images/page-tag.png) no-repeat top center; width: 100%; padding-top: 30px; }
.home .bx-controls { display: none; }
.home .bx-wrapper { margin: 0 !important; }
.bx-wrapper { margin: 0 auto 30px !important; }


.section-bottom { padding: 30px 0 10px; margin: 0 auto; text-align: center; width: 30% }
	.section-bottom .readmore { display:block; width: 276px; height: 28px; background: #fff; border: 3px solid #ddd; margin: 0; padding: 0; border-radius: 3px; }
	.section-bottom .readmore a { display:block; background:#f9f9f9; width: 99%; border: 1px solid #fff; padding: 3px 0; }
	.section-bottom .readmore a:hover { font-weight: bold; }
	.section-bottom .readmore a:hover span { font-weight: normal; }

#quicklink li { position: relative; float: left; padding-left: 0; text-align: center; width: 158px;  }


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

#sidebar-area { float: left; margin-right: 60px; width: 300px; background: #be8945; margin-top: 0px; margin-bottom: 30px; }
.fullwidth #sidebar-area { display: none; }

	.widget { margin-bottom: 0px; line-height: 24px; padding-left: 0px; margin-bottom: 20px; }
	.widgettitle { font-size: 18px; font-weight: 600; padding: 20px 8px 8px 0px; }
	#sub-menu .widgettitle { background: #be8945; color: #fff; padding-left: 32px; }
	.widget li { font-size: 14px; padding: 12px 32px; background: url(../images/widget_bullet.png) no-repeat 20px 20px; }
	.widget li a { color: #fff; }
	.current-page a { font-weight:bold; color: #fff; }
	.widget li:hover { -webkit-transform: translateX(6px); -moz-transform: translateX(6px); transform: translateX(6px); transition-duration: .5s; }
	.menu { margin-top: 10px;  }
	.widget ul.side-info li { background: none; padding: 0px 20px; color: #fff;  }

#sidebar-area.show-mobile { display: block; }
	.show-info-mobile { display: none; padding: 5px; }
	.show-info-mobile:hover { cursor: pointer; }
	.icon-menu { display: block; background: url(../images/mobile-showinfo.png) no-repeat center center; width: 100%; height: 36px; text-align: center; color: #fff; }
	.icon-menu.active { background: url(../images/mobile-closeinfo.png) no-repeat center center; }	
.container-left-info { display: block; position: relative; padding: 20px; font-size: 14px; color: #111; }
	.container-left-info h3 { color: #111; }
	.container-left-info p { color: #111; }
	.container-left-info ul.gallery li, .container-left-info ul.gallery li img { padding-left: 0; max-width: 100%; }
	.container-left-info ul.review li { display: block; background: url(../images/quote.png) no-repeat center 20px; text-align: center; padding-left: 0; padding-top: 30px; min-width: 260px; min-height: 30px; }
	.container-left-info .bx-viewport { min-height: 100px; }
	.container-left-info .more-info a { display: block; margin-top: 10px; padding: 10px 0; border-top: 1px solid #dab999; color: #FC0 }


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

#top-area { background: #0c4982 url(../images/top-area.png) no-repeat top center; padding-top: 60px; height: 140px; overflow: hidden; }
	#top-area h1.title { color: #eaad42; font-size: 36px; text-align: center; padding-top: 50px; font-family: Garamond, serif; }
	#top-area p.tagline { color: #fff; font-size: 16px; margin: 6px 0; text-align: center; }
#breadcrumbs { font-size:12px; color:#999; padding:15px 23px; border-bottom: 1px solid #eee; }
.reserv #breadcrumbs { display: none; }
	#breadcrumbs_box { float: right; position: relative; margin-left: 6px;  display: inline-block; font-size: 14px; }
	#breadcrumbs_box span { padding: 0 3px; }
	.raquo { font-family: 'Open Sans', Arial, sans-serif; color: #ccc; }
	.breadcrumbs_home { background: url(../images/breadcrumbs_home.png) no-repeat 2px; padding-left: 20px; }
	.breadcrumbs-last { font-weight:bold; }

#content-top-area { width: 100%; height: 150px; margin: 0 auto; text-align: center; background: #b4844a url(../images/content-top-area.jpg) top center;  }
	#content-top-area h1 { font-size: 32px; color: #fff; padding: 60px 0; font-family: Garamond, serif; }
#content-area { background-color: #f9f9f9; padding: 40px 0 80px;}
#content-area.profile { padding: 0;}

#main-area { float: left; width: 740px; position: relative; }
.fullwidth #main-area { width: 100%; }
.page-content ul.login-tabmenu, .page-content ul.login-tabmenu li { margin: 0; padding: 0; } 
.login-tabmenu  { display: block; width: 300px; }
.login-tabmenu li { float: left; width: 50%; }
.login-tabmenu li a { display: inline-block; float: left; background: #fcfcfc; border: 1px solid #eee; padding: 15px 0; font-size: 18px; text-align: center; width: 100%; }
.login-tabmenu li a.active { background: #fff; border-bottom: 1px solid #fff; color: #111; font-weight: bold; }
.page-tabmenu  { display: block; margin-top: 30px; width: 100%; border: 1px solid #ddd; }
.page-content ul.page-tabmenu  li { padding-bottom: 0; }
.page-tabmenu li { float: left; padding:0; margin: 0; width: 50%; }
.page-tabmenu.three li { width: 33.27%; border-right: 1px solid #ddd; }
.page-tabmenu.four li { width: 24.88%; border-right: 1px solid #ddd; }
.page-tabmenu.five li { width: 19.88%; border-right: 1px solid #ddd; }
.page-tabmenu.six li { width: 16.54%; border-right: 1px solid #ddd; }
.page-tabmenu.seven li { width: 14.2%; border-right: 1px solid #ddd; }
.page-tabmenu.three li:last-child, .page-tabmenu.four li:last-child, .page-tabmenu.five li:last-child, .page-tabmenu.six li:last-child, .page-tabmenu.seven li:last-child { border-right: none; }
.page-tabmenu li a { display: inline-block; float: left; padding: 15px 0; font-size: 18px; font-weight: bold; text-align: center; width: 100%; }
.page-tabmenu li a.active { background: #2b5587; color: #fff; }
.page-tabmenu-title h1 { color: #2b5587; font-weight: normal; }
.page-content { margin-top: 20px; }
.page-name h1 { font-size: 32px; color: #333; line-height: 1em; font-family: Garamond, serif; } 
.page-meta { line-height: 1em; font-size: 12px; font-weight: 300; }
.page-title { background:url(../images/title-bullet.png) no-repeat top left; padding-left:20px; font-size: 24px; color: #333; line-height: 1em; letter-spacing: -2px; font-family: Garamond, serif; } 
.page-content img { max-width: 100%; }
.page-tag { background: url(../images/page-tag.png) no-repeat top left; padding: 2px 30px; margin: 20px 0; color: #be8945; }
.tagchecklist a { background: url(../images/icon-tagcheck.png) no-repeat top left; padding: 0 20px; color: #aaa; }
.page-notice { background: url(../images/page-notice.png) no-repeat top left; padding: 0 30px; margin: 20px 0; color: #aaa; }
.page-notice strong { color: #be8945; }
.label-description { display: inline-block; background: #f6d059; color: #444; padding: 4px; margin: 0 6px; width: 9px; height: 9px; text-align: center; font-size: 6px; line-height:1em; font-weight: bold; border-radius: 3px; }

blockquote { background:url(../images/blockquote-bg.png) no-repeat top left; margin: 0; padding-left:60px; font-size:16px; color:#58595b; min-height: 40px; padding-top: 2px; }
dropcap { font-size: 36px; float: left; display: block; margin: 0 7px 0 0; line-height: 1; color: #be8945; }

.page-content .slide a { display: block;  max-height: 624px; overflow: hidden; }
.page-content #bx-pager a { display: inline-block;  max-height: 150px; overflow: hidden; }
.page-content ul { margin: 1em 0; list-style-type: none; }
	.page-content ul li { list-style: none; 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; }

.box { width: 90%; padding: 3% 5%; margin: 20px 0; background-color: #fff; border-bottom: 1px solid #eee; }
.box.gray { background-color: #f5f5f5; }
.box h3 { display: inline-block; margin-top: 15px; }
.box h4 { padding: 6px 0; }
.box:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.innerbox { padding: 20px; background-color: #f9f9f9; }
.profile .innerbox { background: #eee; }
hr.divider { display:inline-block; width: 100%; border: 1px dotted #ddd; margin: 10px 0; }

.metrobox { display: block; margin: 50px 0; background: #2b5587; color: #fff; }
.metrobox .one-half { width: 50%; margin: 0; padding: 0; }
.metrobox .one-third { width: 33%; margin: 0; padding: 0; }
.metrobox .two-thirds { width: 67%; margin: 0; padding: 0; }
.metrobox h3, .metrobox p { color: #fff; padding: 0 20px; }
.metrobox .one-half.img, .metrobox .one-third.img, .metrobox .two-thirds.img { line-height: 0; }
.layerbox { display: inline-block; width: 100%; margin: 30px 0; padding-top: 150px; }
.layerbox .one-half { width: 50%; margin: 0; padding: 0; }
.layerbox h3 { display: block; float: left; width: 100%; text-align: center; font-size: 28px; font-weight: normal; color: #be8945; line-height: 1.4em; padding-top: 240px; }
.layerbox h3 span { display: block;width: 100%; text-align: center; }
.metrobox:after, .layerbox:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.map-infotitle { padding: 2px 36px 10px; background-position: top left; background:url(../images/infotitle-dot.png) no-repeat; }
.map-infotitle.car { background:url(../images/infotitle-car.png) no-repeat; }
.map-infotitle.public { background:url(../images/infotitle-public.png) no-repeat; }
.map-infotitle.contact { background:url(../images/infotitle-contact.png) no-repeat; }

.pconly { display: block; }
.mobileonly { display: none; }


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

#gallery li { position: relative; float: left; padding-left: 0; padding-bottom: 0; width: 240px; margin-right: 46px; margin-bottom: 50px; }
#gallery li.last { margin-right: 0; }
#gallery li img { max-width: 100%; }
	.gallery-description { position: relative; padding: 10px 0; text-align: center; }
		.gallery-description h3 a { font-size: 18px;  color: #666; }
		.gallery-description p { color: #94A1A3; font-size: 14px; margin: 3px 0; }	
	
#page-gallery { margin: 30px 0 0 -36px; padding: 0; }
#page-gallery li { position: relative; float: left; width: 222px; min-height: 315px; margin: 0 0 36px 36px; padding: 0 }
#page-gallery .gallery-thumb { width: 100%; height: 140px; overflow: hidden; background: #666 url(../images/noimage.jpg) no-repeat center center; }
#page-gallery .gallery-thumb.magazine { height: 60px; }
#page-gallery .gallery-thumb a { height: 140px; overflow: hidden; }
#page-gallery .gallery-thumb img { width: 100%; }
	#page-gallery h3 a { font-size: 16px; color: #666; }
	#page-gallery p { color: #666; margin: 0; }
	.fullwidth #page-gallery li { width: 248px; }
	

#page-brochure { margin: 30px 0 0 0; padding: 0; }
#page-brochure li { position: relative; float: left; width: 50%; margin: 0 0 36px 0; padding: 0 }
#page-brochure .gallery-thumb { float: left; width: 100px; height: 128px; overflow: hidden; background: #666 url(../images/noimage.jpg) no-repeat center center; margin-right: 20px; border: 1px solid #d0c3a9;}
#page-brochure .gallery-thumb a { height: 128px; overflow: hidden; }
#page-brochure .gallery-thumb img { width: 100%; }
#page-brochure .gallery-description { text-align: left; padding: 0 20px 0 0; }
	#page-brochure h3 a { font-size: 16px; color: #666; }
	#page-brochure p { color: #666; margin: 0; }
	#page-brochure p a { display: inline-block; border: 1px solid #d0c3a9; line-height: 20px; font-size: 13px; padding: 3px 6px; margin: 12px 0; }


.et-status { position: absolute; top:15px; left:0; width: 120px; background: #930; padding: 5px 8px; color: #fff; }
.et-status.close { background: #333; color: #ccc; }
.et-status.et-1day { background: #930; }
.et-status.et-2day { background: #6a9ebb; }
.et-status.et-group { background: #9b9b58; }
.et-status.et-rest { background: #40573f; }

.profileslider .gallerythumb a { display: inline-block; width: 24.5%; height: auto; opacity: 0.3; }
.profileslider .gallerythumb a:first-child { margin-left: 0; }
.profileslider .gallerythumb a.active { opacity: 1; }
.profileslider .gallerythumb img { width: 100%; }


.profileslider .gallerythumb-a4 a { display: inline-block;height: auto; opacity: 0.3; }
.profileslider .gallerythumb-a4 a:first-child { margin-left: 0; }
.profileslider .gallerythumb-a4 a.active { opacity: 1; }
.profileslider .gallerythumb-a4 img { width: 100%; }


.bx-controls-direction { display: none; }

/*--------------------------------------------------------------------------------*/
/*------------------------------------ profile -------------------------------------*/
/*--------------------------------------------------------------------------------*/

a.editprofile { display: inline-block; color: #09F; padding: 3px 6px; margin: 5px 0; font-size: 12px; border: 1px solid #09F; border-radius: 3px; }
a.editprofile:hover { border-color: #f6d059; color: #f6d059; }
.profile #sidebar-area { background: none; margin-top: 0; }
.profile .page-name h1 { background: #f6d059; color: #444; padding: 20px; }
.profile-title { display: block; width: 100%; background:url(../images/title-bullet.png) repeat-y top right; font-size: 20px; line-height: 1.8em; letter-spacing: -2px; font-weight: 500; border-bottom: 1px solid #ddd; margin-top: 30px; margin-bottom: 20px; }
.profile-title span.bar { padding: 0 6px; color: #ccc; }
.temple-description { margin: 30px 0; }
.temple-description table { background: none; text-align: center; width: 100%; }
.temple-description table tr td { padding: 4px 0; }
.temple-description table tr td strong { color: #f6d059; }
.temple-description .work-title { width: 100px; }
.temple-description .work-info {  }
.temple-description h4 { padding-left: 20px; }
.container-left-picture { position: relative; padding: 0 20px; }
.personal-info { width: 60px; vertical-align: text-top; }
.noborder table { background: none; margin: 1em 0; width: 100%; }
.noborder table tr td { padding: 6px 0; color: #111; text-align: left; font-size: 14px; color: #666; border: none; line-height: 1.4em; }
	
		
/*--------------------------------------------------------------------------------*/
/*------------------------------------ board -------------------------------------*/
/*--------------------------------------------------------------------------------*/

#post-list { margin-top: 30px; }
.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: 18px; line-height: 1em;  }
	.post-entry p { margin: 0; }
	.post-entry p.post-meta { line-height: 1em; font-size: 12px; color: #999; font-weight: 300; margin: 6px 0; }
#post-history { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
	#post-history .header { font-weight: bold; }
	#post-history .pagebutton { margin: 0; }
	ul.post-history-list, ul.post-history-list li { list-style: none; padding: 0; margin: 0; }
	.post-history-list li { display: block; width: 100%; border-bottom: 1px dotted #ddd; height: 68px; overflow: hidden; }
	.post-history-list.header li { height: 38px; }
	.post-history-list li.speaker { background: #eee; }
	.post-history-list li.speaker img { padding-top: 6px;}
	.post-history-list span { display: block; padding: 24px 0; text-align: center; line-height: 1.8em; float: left; height: 56px; overflow: hidden;}
	.post-history-list.header span, .post-history-list span.title { padding: 6px 0; }
	.post-history-list span.no { width: 7% }
	.post-history-list span.title { width: 47%; text-align: left; }
	.post-history-list span.title .attach-file { float: left; display: block; margin: 5px 5px 0 0; height: 14px; width: 14px; }
	.post-historya-list span.title .comment-num { display: inline-block; background: #f6d059; margin-right: 5px; padding: 3px; height: 8px; font-size: 9px; color: #fff; line-height: 1em; border-radius: 3px; }
	.post-history-list span.info { width: 22% }
	.post-history-list span.info a { color: #f00; }
	.post-history-list span.info a:hover { color: #be8945; }
	.post-history-list span.status { width: 12% }
	.post-history-list span.etc { width: 12% }	
#post-qna { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
	#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: #f6d059; 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; }

#post-faq { margin: 30px 0; }
	.post-faq-list { padding: 12px 20px; margin-bottom: 10px; border: 1px solid #ddd;  background: #fff; }
	.post-faq-list .title { padding: 10px 40px 10px 0; position: relative; } 
	.post-faq-list .comments { display: none; padding: 20px 0; border-top: 1px solid #ddd; }
	.post-faq-list.active .comments { display: block; }
	.show-info-faq { position: absolute; top: 10px; right: 0px; cursor: pointer; font-size: 32px; color: #ddd; }

#post-download { border-bottom: 1px solid #ddd; }
	#post-download .header { font-weight: bold; }
	ul.post-download-list, ul.post-download-list li { list-style: none; padding: 12px 0 0; margin: 0; }
	.post-download-list li { display: inline-block; width: 100%; border-top: 1px solid #ddd; }
	.post-download-list span { display: block; padding: 0; text-align: center; line-height: 1.8em; float: left; }
	.post-download-list span.title { width: 30%; text-align: left; font-weight: bold; }
	.post-download-list span.info { width: 55%; text-align: left; }
	.post-download-list span.down { width: 15%; text-align: center; }
	.post-download-list span.down a { display: block; text-align: center; max-width: 180px; padding: 2px; margin-bottom: 6px; background:#f6d059; border-radius: 3px; border: none; color: #fff; }
	.post-download-list span.down a:hover { color: #000; }
	
.searchwrap { width: 100%; border-bottom: 1px solid #ddd; }
	.searchwrap p { float: left; margin: 4px 0; }
	.searchwrap p span { color:#f6d059; }
	.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; margin-bottom: 6px; background:#f6d059; border-radius: 3px; border: none; color: #111; }
	.button-nomal.black a { background:#111; color: #fff; padding: 6px 20px; }
	.button-big a, .button-big button { display: block; padding: 12px 30px; font-size: 20px; margin-bottom: 12px; background:#f6d059; border-radius: 3px; border: none; color: #111; }
	.button-small a { display: block; padding: 2px 6px; margin-bottom: 3px; background:#f6d059; border-radius: 3px; border: none; color: #111; }
	.reserve-join-list span.button-small { padding:0; }
	.button-sns a { display: block; width: 264px; padding: 12px 12px; margin-bottom: 6px; background:#f6d059; border-radius: 3px; border: none; color: #fff; }
	.button-nomal a:hover, .button-big a:hover { color: #fff; }
	.button-sns a img { display: inline-block; float: left; width: 24px; margin-right: 10px; }
	.check a { background: #f6d059 url(../images/icon-check.png) no-repeat 14px center; padding-left: 40px; }

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

.comments.sign { width: 80%; background: #fff; padding: 2% 10%; border-bottom: 1px solid #eee; }
.profile #comments { display: none; }
#comments.active { display: block; }
	.comment-title { background: url(../images/icon-comment.png) no-repeat 0 6px; padding-left: 30px; font-size: 1.5em; font-weight: 700; }
	.comment-notes { margin: 20px 0 10px; }
	.comment-notes span { color: #f6d059; }
	.comment-form { margin: 20px 0 50px;}
	.comment-form label { display: block; margin-bottom: 6px; }
	.comment-form-half-left, .comment-form-author { width: 47.5%; float: left; margin-right: 5%; }
	.comment-form-half-right, .comment-form-password { width: 47.5%; float: left; }
	.comment-form-secret span { display: block; float: left; margin-right: 10px; }
	.comment-form-secret input { margin-top: 3px; }
	.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 input[type="radio"], .comment-form input[type="checkbox"] { margin-right: 5px; }
	.comment-form-radio span, .comment-form-check span { margin-right: 8px; }
	.comment-form textarea { width: 97.5%; }
	.comment-form-full input[type="text"], .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; }
	.comment-form input[type="text"].num { display: inline-block; width: 50px; }
	.comment-form-date select, .comment-form-phone select, .comment-form-nation select { height: 34px; border-radius: 3px; width: 64px; padding: 6px 8px; }
	.comment-form-nation select { width: 140px;  }
	.comment-form-date select.month, .comment-form-date select.day { width: 45px; }
	a.form-right-btn { display: inline-block; color: #09F; padding: 3px 6px; margin: 5px 0; font-size: 12px; border: 1px solid #09F; border-radius: 3px; margin-top: 28px; }
	a.form-right-btn:hover { color: #111; border: 1px solid #111; }
	.form-submit { margin-top: 30px; }
	.form-submit .button-nomal { padding: 6px 12px; background:#f6d059; border-radius: 3px; border: none; color: #111; }
	.form-submit .button-nomal:hover { color: #fff; }
	.form-submit .button-nomal.black { padding: 6px 20px; background:#111; color: #fff; }
	.form-simplesubmit .button-nomal { padding: 6px 12px; background:#f6d059; border-radius: 3px; border: none; color: #111; }
	.required { color: #f6d059; }
	
	.comment-form-simplecomment { display: block; float: left; width: 85%; }
	.form-simplesubmit { float: right; width: 12%; }
	.form-simplesubmit label {float: left; }

ol.comment-list { margin: 0; padding: 0; }
	.comment h4 { float: left; margin-right: 10px; font-size: 14px; line-height: 1.4em; font-weight: normal; }
	.comment-meta { color: #999; }
	.comment-list li.comment { padding: 6px 0px; }
	.comment-list li.comment-reply { background: url(../images/icon-reply.png) no-repeat 0 20px; padding: 20px 20px 0px; }
	.comment-meta { margin: 0; }
	.comment-btn a { color: #f6d059; }

	
/*--------------------------------------------------------------------------------*/
/*-------------------------------- page-navi -------------------------------------*/
/*--------------------------------------------------------------------------------*/

.pagenavi {position: relative; text-align: left; margin: 40px 0; display: inline-block; }
	.pagenavi span { text-decoration: none; padding: 8px 11px; margin: 2px; }
	.pagenavi span.pages { border: none; }
	.pagenavi span.current { font-weight: bold; background: #f6d059; color: #fff; }
	.pagenavi a { padding: 8px 11px; border: 1px solid #ddd; background: #fff; }
	

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


#footer { width:100%; padding:30px 0; background: #2b5587; color: #ccc; }
	#footer a { color: #fff; }
	#footer a:hover { color: #f6d059; }
	.footer-top {  height:70px;  }
	.footer-email { float:left; background:url(../images/footer-email.png) left no-repeat; padding-left:40px; margin-right:30px; margin-top:15px; height:25px; font-size:18px; }
	.footer-phone { float:left; background:url(../images/footer-phone.png) left no-repeat; padding-left:30px; margin-right:30px; height:25px; margin-top:15px; font-size:18px; }
	.footer-sns span { display: block; float: left;}
	.footer-sns span:hover img { opacity: 0.5; }
	.footer-sns img { margin-right:15px; opacity: 1; }
	.footer-copyright { margin-top:20px; }
		


/*--------------------------------------------------------------------------------*/
/*------------------------------------ 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; }
	#top-area { height: 60px; }
	#sidebar-area { display: none; }
	#sidebar-area.show-mobile { display: block; width: 100%; margin-right: 0px; }
	.show-info-mobile { display: block; }
	.container-left-info { display: none; width: auto; height: auto; }
	.container-left-info.active { display: block; }
	.container-left-info ul.gallery { margin-left: -20px; }
	.container-left-info ul.gallery li { float: left; width: 340px; margin-left: 20px; margin-bottom: 10px; }
	.container-left-info ul.gallery li img { width: 100%; }
	.container-left-info ul.review li { min-width: 620px; }
	.topmenus, .language { display: none; }
	.mainmenus { display: none; }
	#navi { display: block; }
	#logo { float: none; text-align: center; }
	#top-area h1.title, #top-area p.tagline { display: none; }
	.main-slide-text h1.title { font-size: 36px; }
	#main-slides img { margin-left: -300px;}
	.section-header, .section-entry { width: 370px; height: 370px; }
	#news .thumb, #notice .thumb { height: 110px; }
	#news .thumb img, #notice .thumb img { max-width: 100%; }
	.photosgallery-std { height: 300px !important; }
	.photosgallery-std .one-half { width: 100%; padding-bottom: 20px; margin-left: 0; }
	.section-title { padding-left: 0px;}
	.section-map { display: none; }
	.section-entry-top .gallery-thumb a, .section-entry-bottom .gallery-thumb a { width: 185px; height: 185px; }

	#gallery li { width: 185px; height: 185px; }
	.fullwidth #page-gallery li { width: 222px; }
	.gallery-description h3 a { font-size: 16px; }
	.gallery-description p { font-size: 12px; margin-top: 6px; }
	.banner-thumb { width: 100%; margin-bottom: 20px; }
	#quicklink li { width: 123px; }
	#quicklink li img { width: 90%; height: 90% }
	.page-tabmenu.three li { width: 33.2%; }
	.page-tabmenu.seven li { width: 14.17%;}
	.metrobox .one-half, .metrobox .one-half img { width: 100%; }
	.layerbox { padding-top: 120px; }
	.filter-type { width: 328px; margin-bottom: 18px; }
	.filter-type ul { width: 358px; }
	.filter-type.listing-checkout { margin-right: 18px; }
	.filter-type.listing-word { width: 710px; }
	input[type="text"].filter-type.listing-word { width: 328px; }
	.et_explorable_filter_text { width:100%; }
	
	.listing-text { width: 470px; margin-right: 0; margin-bottom: 20px; }
	a.temple-link, a.readmore-link { width: 308px; }

	.pconly { display: none; }
	.mobileonly { display: block; }
}

@media only screen and ( max-width: 767px ) {
	.container { width:480px; margin-bottom:0; }
	#main-area { width:480px; }
	#top-area { height: 60px; }
	#sidebar-area { display: none; }
	#sidebar-area.show-mobile { display: block; width: 100%; margin-right: 0px; }
	.show-info-mobile { display: block; }
	.container-left-info { display: none; width: auto; height: auto; }
	.container-left-info.active { display: block; }
	.topmenus, .language { display: none; }
	.mainmenus { display: none; }
	#navi { display: block; }
	#top-area h1.title, #top-area p.tagline { display: none; }
	.home #search-box { padding-top: 200px; }
	.listing-results h3 { float: none; }
	#et-filter { width: 100%; }
	#main-slides img { margin-left: -500px;}
		.main-slide-text-box h1.title { font-size: 24px; }	
		.main-slide-text p { display: none; }
	.section-header, .section-entry { width: 480px; height: 480px; }
	.section-map { display: none; }
	.section-entry-top .gallery-thumb a, .section-entry-bottom .gallery-thumb a { width: 240px; height: 240px; }

	.gallery-description h2 a { display: block; width: 100%; padding: 20% 0; }	
	.profileslider .gallerythumb a { width: 23.6%; }
	.event-section { background: url(../images/event-section-bg-response.gif) repeat-x bottom; }
	#news .thumb, #notice .thumb { width: 33%; float: left; margin-right: 5%; margin-top: 15px; }
		#news .thumb img, #notice .thumb img { margin-left: -65px; }
	.photosgallery-std { height: 300px !important; }
	.fullwidth #page-gallery li { width: 222px; }
	.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; }
	.metrobox .one-half { width: 100%; }
	.post-thumb { width: 33%; float: left; margin-right: 5%; }
	
	.post-history-list.header li { height: 64px; }
	.post-history-list.header span.title { height: 16px; }
	.post-history-list li { height: 96px; }
	.post-history-list span { height: 28px; padding: 6px 0; }
	.post-history-list span.title { height: 42px; padding: 6px 0; }
	.post-history-list.header span, .post-history-list span.title { padding: 6px 0; }
	.post-history-list span.no { display: none; width: 0% }
	.post-history-list span.title { width: 100%; text-align: left; }
	.post-history-list span.info { width: 45%; text-align: left; }
	.post-history-list span.status { width: 30%; text-align: left; }
	.post-history-list span.etc { width: 25%; text-align: left; }
	
	.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; }
	#post-download .header { display: none; }
	.post-download-list span.title { width: 100%;  }
	.post-download-list span.info { width: 100%; }
	.post-download-list span.down { width: 100%; padding-top: 12px; text-align: left; }
	
	.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%; }
	.comment-form-simplecomment, .form-simplesubmit { float: none; width: 100%; }		
	#et-listings .pagenavi { width: 100%; float: none; }
	#et-listings .pagebutton .right { float: none; }
	.footer-phone, 	.footer-email { float: none; }
	.button-sns a { width: 360px; }
	.footer-sns span {  margin-top: 20px;}
	.footer-sns img { }
	.footer-sns span.yellowid { display: none; }
	
	.page-tabmenu.three li { width: 33%; }
	.page-tabmenu.four li { width: 24.8%; }
	.page-tabmenu.five li { width: 19.8%; }
	.page-tabmenu.six li { width: 33.1%; }
	.page-tabmenu.six li:first-child { border-bottom: 1px solid #ddd; }
	.page-tabmenu.six li:nth-child(2) { border-bottom: 1px solid #ddd; }
	.page-tabmenu.six li:nth-child(3) { border-bottom: 1px solid #ddd; border-right: none; }
	.page-tabmenu.seven li { width: 33.1%; }
	.page-tabmenu.seven li:first-child { width: 100%; border-bottom: 1px solid #ddd; }
	.page-tabmenu.seven li:nth-child(2) { border-bottom: 1px solid #ddd; }
	.page-tabmenu.seven li:nth-child(3) { border-bottom: 1px solid #ddd; }
	.page-tabmenu.seven li:nth-child(4) { border-bottom: 1px solid #ddd; border-right: none; }
	.page-tabmenu li a { font-size: 16px; }
	.search-tabmenu li a { padding: 12px 67px; }
	.metrobox .one-third, .metrobox .two-thirds { width: 100%; }
	.layerbox { padding-top: 0px; background: none !important; }
	.layerbox h3 { padding-top: 0px; text-align: left; }
	.layerbox h3 span { text-align: left; width: auto; float: left; margin-right: 10px; }
	.layerbox .one-half { width: 100%; }
	.page-content iframe { max-width: 100%; height: auto; line-height: 0; }
	.filter-type { width: 480px; margin-bottom: 12px; }
	.filter-type ul { width: 480px; }
	#listing-results { padding: 0px 20px 70px; }
	.listing-image { margin-right: 20px; width: 120px; height: 120px; }
	.listing-text { width: 340px; margin-right: 0; margin-bottom: 20px; }
	a.temple-link, a.readmore-link { width: 176px; }

	.reserve-info-content.innertable { padding: 8px; }
	.reserve-info-content p { width:60px; }
	.reserve-info-content p.reserve-label-caption { width: 100%; }
	.reserve-info-content p.reserve-label-response { width: 100%; padding-top: 0px; padding-bottom: 10px; }
	.reserve-info-content p.temple-link, a.readmore-link { width: 178px; }
	.reserve-join-list li { height: 160px; border-bottom: 1px dotted #ccc; margin-top: 6px; }
	.reserve-join-list.header { display: none; }
	
	.reserve-join-list span input[type="text"], .reserve-join-list span select { width: 95%; }
	.reserve-join-list li { height: inherit; }
	.reserve-join-list span.division { width: 90%; text-align: left; padding-left: 26px; }
	.reserve-join-list span.division select { width: 100%; }
	.reserve-join-list span.name { width: 90%; padding: 2px 16px; }
	.reserve-join-list span.age { width: 90%; padding: 2px 16px; }
	.reserve-join-list span.age input[type="text"] { width: 95%; }
	.reserve-join-list span.gender { width: 90%; text-align: left; padding-left: 26px; }
	.reserve-join-list span.nation { width: 90%; text-align: left; padding: 2px 26px; }
	.reserve-join-list span.mobile { width: 90%; padding: 2px 16px; }
	.reserve-join-list span.mail { width: 90%; padding: 2px 16px; }


	.pconly { display: none; }
	.mobileonly { display: block; }
}


@media only screen and ( max-width: 479px ) {
	.container { width:300px; margin-bottom:0; }
	#main-area { width:300px; }
	#logo img { width: 80%; }
	#breadcrumbs { display: none; }
	#main-slides img { margin-left: -500px;}
	.section-header, .section-entry { width: 300px; height: 300px; }
	.section-description { top: 20%; }			
	.photosgallery-std { height: 340px !important; }
	#news .thumb, #notice .thumb { width: 100%; float: none; margin-right: 0; margin-top: 0px; }
		#news .thumb img, #notice .thumb img { margin-left: 0px; }

	.section-entry-top .gallery-thumb a, .section-entry-bottom .gallery-thumb a { width: 150px; height: 150px; }

	#gallery li { width: 150px; height: 150px; }
	.profileslider .gallerythumb a { width: 23.2%; }
	.fullwidth #page-gallery li { width: 100%; }
		.gallery-description h3 a { font-size: 14px; }
		.gallery-description p { font-size: 12px; margin-top: 4px; }
		#gallery li:hover h3 { margin-top: 20px; }
	#quicklink li { width: 150px; }
	
	blockquote { background-position: top center; padding-left: 0px; padding-top: 30px; font-size:14px; }
	#top-area h1.title { font-size: 28px; }
	.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: 26%; color: #aaa; }
		.post-qna-list span.hit { width: 22%; color: #aaa; }
	#post-qna tr td, #post-qna th { padding: 3px; }
	.pagebutton .right { float: left; }
	.button-sns a { width: 216px; }
	#page-gallery { margin: 30px 0 0 0; width: 100%; }
	#page-gallery li { width: 100%; margin: 0; }
	.gallery-thumb img { width: 100%; }
	.pagenavi { text-align: center; }
		.pagenavi span.pages { display: none; }
	.pagenavi a { padding: 2px 4px; }
	.pagenavi span.current { padding: 3px 4px; }
		
	.comment-form-half-left, .comment-form-author, .comment-form-half-right, .comment-form-password { width: 100%; float: none; margin-right: 0; }
	a.form-right-btn { margin-top: 0; }		

	.page-tabmenu.three li, .page-tabmenu.four li, .page-tabmenu.five li, .page-tabmenu.six li, .page-tabmenu.seven li { width: 100%; border-bottom: 1px solid #ddd; }
	.page-tabmenu.four li { width: 24.6%; }
	.search-tabmenu li a { padding: 12px 22px; }
	.filter-type { width: 300px; margin-bottom: 8px; }
	.filter-type ul { width: 300px; }	
	#listing-results { padding: 0px 20px 100px; }	
	.listing-image { width: 100%; margin-right: 0px; margin-bottom: 5px; }
	.listing-text { width: 100%; padding-top: 10px; margin-right: 0; margin-bottom: 20px; }
	.listing-tilde { width: 100%; }
	a.temple-link { width: 108px; }
	a.readmore-link { width: 68px; }
	
	.reserve-info-content p.reserve-label-price, .reserve-price { width: 100%; text-align: left; padding: 6px 0; }
	.reserve-join-list span.division { padding-left: 22px; }
	.reserve-join-list span.gender { padding-left: 22px; }
	.reserve-join-list span.nation { padding: 2px 0 2px 22px; }
	
	.section-entry .gallery-description h3 a { padding: 15% 10% 10%; }
	.reserve-name, .reserve-nation, .reserve-area, .reserve-num, .reserve-mail { width: 96%; } 
}