@charset "utf-8";


/*
div.searcharea, div.table_list, div.table_write {
	max-width:960px;
}
div.paging, div.btnarea {
	max-width:960px;
}
*/

div.searcharea, div.table_list, div.table_write {
	max-width:100%;
}
div.paging, div.btnarea {
	max-width:100%;
}


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

.searcharea table{
	width:100%; border:1px solid #d7d5d5;
	color:#313131 ;font-size:12px; line-height:140%;
}
.searcharea table th{
	padding:5px 0; border-right:1px solid #e3e3e3; background:#fbfafa;  border-top:1px solid #e3e3e3;
	font-weight:normal;
}
.searcharea table td{
	padding:0px 3px; height:32px; text-align:center; vertical-align:middle;
	border-top:1px solid #e3e3e3; border-right:1px solid #e3e3e3; 
}
.searcharea table th:last-child,.xans-board-listpackage table td:last-child{
	border-right:0;
}
.searcharea table a,.xans-board-listpackage table a:hover{
	 color:#000;
}



/* ----------------------- list ----------------------- */

div.list_totalarea {
	max-width:900px; width:100%; margin:10px 0 8px; padding-left:5px; text-align:left;
}


.table_list table {
	width:100%; border:1px solid #d7d5d5;
	color:#313131; font-size:12px; line-height:140%;
}
/*
.table_list table {
	border:1px solid #d7d5d5;
	color:#313131; font-size:12px; line-height:140%;
}
*/



.table_list table th {
	padding:8px 0px; border-right:1px solid #e3e3e3; border-top:1px solid #e3e3e3; background:#fbfafa; 
	font-weight:normal;
}
.table_list table td {
	padding:5px 0px 5px 0px; text-align:center; vertical-align:middle;
	border-top:1px solid #e3e3e3; border-right:1px solid #e3e3e3; 
}
.table_list table td p.info {
	padding-top:3px; padding-left:5px; color:#8C8C8C; font-size:0.9em;
}
.table_list table td p.link {
	padding-top:3px; padding-left:5px; color:#667722; font-size:0.9em;
}
.table_list table th:last-child,.table_list table td:last-child{
	border-right:0;
}
.table_list table a,.xans-board-listpackage table a:hover{
	 color:#000;
}
.table_list table tr:hover{
    background: none repeat scroll 0 0 #E4E4E4;	
}

.table_list table th.rborder,.table_list table td.rborder {
	border-right:1px solid #e3e3e3;
}
 


/* ----------------------- paging ----------------------- */

.paging{
	padding:25px 0; 
}
.paging .nav{
	width:500px; margin:0 auto; text-align:center;
}
.paging .item{
	border-width:1px 1px 1px 1px; border-style:solid; border-color:#e6e6e6; 
	color:#505050; 
	line-height:26px; width:27px; text-align:center; vertical-align: middle; display:inline-block;	
}
.paging .item:first-child{
	margin-left:0;
}
.paging span.item{
	background-color:#6e6e6e; border:1px solid #6e6e6e; color:#fff;
}
.paging .itemb{
	
}



/* ----------------------- write ----------------------- */

.table_write table{
	width:100%; table-layout:fixed; border:1px solid #d7d5d5; line-height:180%;
	color:#313131;
}
.table_write table th{
	padding:10px 0 8px 20px;
	border-top:1px solid #e8e8e8; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; background-color:#fbfafa;
	text-align:left; font-weight:normal; vertical-align:middle;
}
.table_write table th.required {
	color:#000; font-weight:700;
}
.table_write table td{
	width:auto; padding:10px 10px 8px 10px; border-top:1px solid #e8e8e8; letter-spacing: -0.06em;
}
.table_write table th:last-child,.table_write table td:last-child{
	border-right:0;
}
.table_write table td img{
	vertical-align:middle;
}
.table_write table a{
	text-decoration:none;
}

.table_write table td.board_content img{
	max-width:700px;
}
.table_write table th.title,td.title{
	background:#E0E0E0 !important;
}


h3 {
	padding:20px 0 0px 5px;
}

/* ----------------------- reply ----------------------- */
.board_reply_write h3 {
	padding-bottom:8px;
	border-bottom:1px solid #313131;
}
.board_reply_write table{
	width:100%; table-layout:fixed; line-height:180%;
	color:#313131;
}
.board_reply_write table td{
	width:auto; padding:10px 10px 8px 10px; letter-spacing: -0.06em;
}
div.board_reply_list {
	margin-top:20px; padding-left:5px;
	border-top:2px solid #595c6d;
}
div.board_reply_list dl {border-bottom:1px solid #DDD; padding-top:10px; }
div.board_reply_list dl dt{font-weight:bold; padding-left:15px; float:left;}
div.board_reply_list dt span.time{font-size:0.94em; font-weight:normal; color:#797979; display:inline-block; padding-left:9px;}
div.board_reply_list dl dd{clear:both; padding:10px 15px; line-height:140%;}




/* ----------------------- smalltable ----------------------- */

.smalltable table {
	width:100%; border:1px solid #d1d1d1;
	color:#313131; font-size:12px; line-height:140%;
}
.smalltable table th{
	padding:8px 0; border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1; border-top:1px solid #d1d1d1; background:#fbfafa; 
	text-align:center; font-weight:normal;
}
.smalltable table td{
	padding:5px 0 5px 3px; text-align:center; vertical-align:middle;
	border-top:1px solid #d1d1d1; border-right:1px solid #d1d1d1; 
}
.smalltable table th:last-child,.table_list table td:last-child{
	border-right:0;
}




/* ----------------------- product_board ----------------------- */
.table_list table div.question {
	padding:0 0 0 8px;
}
.table_list table div.answer {
	margin-top:8px; margin-right:5px; padding:5px 5px 5px 30px; background:#f6f6f6;
	background:#f6f6f6 url("../images/board/check.png") no-repeat 5px 5px;
	background-size: 15px;
}

.table_write table span.date {
	color:#b78abd; font-size:0.85em; margin-left:10px;
}






/* ----------------------- filetable ----------------------- */
input.filebtn { 
	padding:5px 20px; vertical-align: middle; line-height:100%;
	background:#8C8C8C; border-radius:2px; border:1px solid #8C8C8C; 
	color:#fff; font-size:12px; letter-spacing:-0.05em; 
	cursor:pointer;
}
.filesize { font-size:0.9em; color:#8C8C8C; }




/* ----------------------- common ----------------------- */
div.c​aution {
	border: 1px solid #6e6e6e;
	margin: 10px 0; padding: 10px; line-height:150%;
}
div.btnarea {
	margin:15px 0 10px; 
	text-align:center;
}

button.search{ 
	padding:5px 20px; vertical-align:middle; line-height:100%;
	background:#8C8C8C; border-radius:2px; border:1px solid #8C8C8C; 
	color:#fff; font-size:12px; letter-spacing:-0.05em; 
	cursor:pointer;
}



input.input_price { text-align:right; }

span.btn { 
	padding:8px 30px; 
	background:#667722; border-radius:5px; 
	color:#fff; font-size:13px; letter-spacing:-0.02em; font-weight:bold;
	cursor:pointer;
}
span.smallbtn { 
	padding:5px 20px; 
	background:#667722; border:1px solid #667722; 
	color:#fff; font-size:12px; letter-spacing:-0.02em; 
	cursor:pointer; border-radius:2px; 
}
button.submit { 
	padding:7px 30px; background:#667722; border-radius:4px; border:1px solid #667722; 
	color:#fff; font-size:12px; letter-spacing:-0.05em; font-weight:bold;
	cursor:pointer; vertical-align: middle;
}
span.cansel{ 
	padding:7px 30px; background:#333; border-radius:4px; border:1px solid #333; 
	color:#fff; font-size:12px; letter-spacing:-0.05em; font-weight:bold;
	cursor:pointer; vertical-align: middle;
}
span.listbtn { 
	padding:3px 5px; background:#aac07e; border:1px solid #aac07e;
	color:#fff; font-size:11px; letter-spacing:-0.05em; 
	cursor:pointer; border-radius:2px;
}



input, select {
	vertical-align:middle;
}

input[type=text],input[type=password] {
	font-size:12px; color:#5D5D5D; 
	background:#ffffff; border:1px solid #bcbcbc; 
	height:22px; padding-left:2px;
} 

textarea {
	font-size:12px; color:#5D5D5D; 
	background:#ffffff; border:1px solid #bcbcbc; 
}

select { 
	font-size:12px; color:#5D5D5D; 
	border:1px solid #bcbcbc; 
	height:24px; 
}

input.input_price { text-align:right; }
input.datetype { background:#fbfafa; }


.center {
	text-align:center !important; padding-left:0px !important; 
}
.left {
	text-align:left !important; padding-left:5px !important; 
}
.right {
	text-align:right !important; padding-right:5px !important; 
}
.wordbreak { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }



.bggray {
	background:#333 !important; border:1px solid #333 !important;
}
.bggrays {
	background:#8EA3A7 !important; border:1px solid #8EA3A7 !important;
}
.bgpurple {
	background:#c99cd7 !important; border:1px solid #c99cd7 !important;
}
.bgpurples {
	background:#D2BADA !important; border:1px solid #D2BADA !important;
}
.bggreen {
	background:#B4AB5C !important; border:1px solid #B4AB5C !important;
}
.bgblue {
	background:#71BAC5 !important; border:1px solid #71BAC5 !important;
}
.bgred {
	background:#F15F5F !important; border:1px solid #F15F5F !important;
}

.fb {
 font-weight:bold !important;
}

.ml15 { margin-left:15px; }
.mr15 { margin-right:15px; }
.mt15 { margin-top:15px; }
.mt10 { margin-top:10px; }

.upfile { margin-top:3px; }
.onlynumber { text-align:right; padding-right:5px;  }
.linenone { border:0px !important; }

.fcred { color:#FF0000 !important; }
.fcblue { color:#71BAC5 !important; }
.fcblue2 { color:#4285f4 !important; }
.fcgreen { color:#2F9D27 !important; }

.fs11 { font-size:11px; }

.displaynone { display:none; }



/* 예약정보 */
.icon { 
	padding:2px 3px; border-radius:2px;
	color:#fff; font-size:9px; font-weight:700; letter-spacing:-0.05em; 	
}
.smallicon { 
	padding:1px 2px; border-radius:2px;
	color:#fff; font-size:8px; font-weight:100; letter-spacing:-0.05em; 	
}



img.reflash_btn {
  width:20px; vertical-align:middle; 
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out; 
  -o-transition: all 0.3s ease-in-out; 
  -ms-transition: all 0.3s ease-in-out; 
  transition: all 0.3s ease-in-out; 
}
img.reflash_btn:hover {
  -webkit-transform: rotate(180deg); 
  -moz-transform: rotate(180deg); 
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
} 

.holyday { color:#0054FF; }
.holyday_txt { background:#D9E5FF; color:#5D5D5D; }
.today { background:#B7F0B1; }
.smalltxt { font-size:0.88em; }
img.w20 { width:20px; vertical-align:middle; }
img.w17 { width:17px; vertical-align:middle; }


/* 행사일정 */
.calendar_txt {
	width:670px; height:106px; margin:0 0 30px 10px; padding:45px 0 0 180px; display:block;
	background:url(/images/05_community/calendar_bg.gif) no-repeat left top;	
	font-size:18px; letter-spacing:-1px; color:#3c5363;	
}
.calendar_txt span{
	color:#fff; font-weight:600;
	background:#ff9900; padding:0 5px 2px;
}
.calendar {
	width:100%;
}
.calendar .month {
	position:relative; float:left; width:70%; padding:20px 0;
	font-size:26px; text-align:center; font-weight:600; color:#333;
}
.calendar .month .prev {
	position:absolute; left:37%; top:20px;
}
.calendar .month .next {
	position:absolute; right:37%; top:20px;
}
.calendar .submonth {
	position:relative; float:right; width:30%; padding-top:40px;
	text-align:right;
}

.calendar_table { 
	border-collapse:collapse; width:100%; margin-bottom:0.5em; 
	border-top:2px solid #444547;
}
.calendar_table th, .calendar_table td { padding: 10px 6px; line-height:140%; }
.calendar_table th { 
	background:#f0f0f0; border:1px solid #E6E6E6; 
	font-weight:700; text-align:center; vertical-align:middle; letter-spacing:-0.1em; 
}
.calendar_table tbody th { 
	background:#f5f5f5; color:#575757;
}
.calendar_table tbody td { 
	letter-spacing:-0.1em; padding:7px 10px; 
	text-align:right; vertical-align:top;
	background:#fff; border:1px solid #E6E6E6; font-weight:600; color:#313131;
}
.calendar_table tbody td.holyday { 
	color:#0054FF;
}
.calendar_table tbody td.today { 
	border:2px solid #FFA7A7;
}
.calendar_table td .day {
	position:relative; display:block; 
	min-height:100px; margin-top:3px; padding:10px 0; 
	text-align:left; font-size:11px;
	border-top:1px solid #EAEAEA; border-radius:5px;
	
}
.calendar_table td .day .btn {
	border:1px solid #DDD; position:absolute; bottom:0;
	text-align:center; margin-top:7px; display:block; width:100%; font-size:12px;
}
.calendar_table td .day .btn .personarea {
	width:50%; float:left; line-height:150%; padding:5px 0;
}
.calendar_table .hbox {
	line-height:150%; padding:5px 0;
}
.calendar_table .hnone {
	background:#D9E5FF; color:#5D5D5D; text-align:center;
}