@charset "utf-8";



div.searcharea {
	
}




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


#bsubcatediv {
	text-align:right;
}
#bsubcatediv ul {
    margin: 20px 0px 0px;
    padding: 5px 0;
}
#bsubcatediv li {
    display: inline;
    list-style: none outside none;
    margin: 0 10px 0 0;
	background:#FFF; color:#000;
	padding:5px 15px; 
	border:1px solid #acacac; border-radius:3px; font-size:12px;
	font-weight: bold;
}
#bsubcatediv li.on{    
	background:#444444; color:#FFF;
	font-weight:bold; 
}
#bsubcatediv li.on a{    
	color:#FFF; 
}
#bsubcatediv li img {
    max-height:20px; margin-right:8px; vertical-align:middle;
}

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

div.list_totalarea {
	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 th{
	padding:8px 0; border-right:1px solid #e3e3e3; border-top:1px solid #e3e3e3; background:#fbfafa; 
	font-weight:normal;
}
.table_list table td{
	padding:5px 0 5px 3px; 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;	
}




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

.paging{
	padding:25px 0; 
}
.paging .nav{
	width:300px; 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 #667722;
	color:#313131; font-size:12px; line-height:140%;
}
.smalltable table th{
	padding:8px 0; border-left:1px solid #667722; border-right:1px solid #667722; border-top:1px solid #667722; 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 #667722; border-right:1px solid #667722; 
}
.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;
}
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:4px 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:5px 8px; background:#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; 
}



.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;
}

.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; }

.displaynone { display:none; }







/* 행사일정 */
.calendar_txt {
	width:670px;
	height:106px;
	background:url(/images/05_community/calendar_bg.gif) no-repeat left top;
	margin:0 0 30px 10px;
	font-size:18px;
	letter-spacing:-1px;
	padding:45px 0 0 180px;
	color:#3c5363;
	display:block;
}
.calendar_txt span{
	color:#fff;
	background:#ff9900;
	font-weight:600;
	padding:0 5px 2px;
}
.calendar {
	width:100%;
}
.calendar .month {
	font-size:26px;
	border:1px solid #E6E6E6;
	text-align:center;
	padding:20px 0;
	font-weight:600;
	color:#333;
	position:relative;
}
.calendar .month .prev {
	position:absolute;
	left:37%;
	top:25px;
}
.calendar .month .next {
	position:absolute;
	right:37%;
	top:25px;
}
.event_table { border-collapse:collapse; width:100%; margin:0 0 .5em 0px; border: solid #444547; border-width: 2px 0 0 0; }
.event_table caption {text-indent:-2000px; height:0; margin:0; padding:0; font-size:0; line-height:0; overflow:hidden; }
.event_table th, .event_table td { padding: 10px 6px; line-height:140%; }
.event_table th { background:#f0f0f0; font-weight:bold; text-align: center; vertical-align:middle; letter-spacing:-0.1em; border:1px solid #E6E6E6; }
.event_table tbody th { background:#f5f5f5; font-weight:bold; color:#575757; text-align:center; vertical-align:middle; letter-spacing:-0.1em;}
.event_table tbody td { letter-spacing:-0.1em; padding:7px 10px; text-align:left;vertical-align:top; width:120px; }
.event_table td { background:#fff; border:1px solid #E6E6E6; text-align:center; font-weight:600;}
.event_table td .day {position:relative; display:block; min-height:100px;padding-bottom:25px;}
.event_table td .day .event_con {color:#666; font-weight:400; text-align:right; line-height:150%; }
.event_table td .day .event_con span{ width:25px; text-align:center; color:#fff; padding:1px; margin:2px 3px 2px 0; display:inline-block;}
.event_table td .day .btn {border:1px solid #727272; text-align:center; margin-top:7px; position:absolute; bottom:0; display:block; width:100%}
.event_table td .day .btn a {background:#727272; color:#fff; display:block;}
.event_table td .day .btn a:hover {background:#fff; color:#727272; font-weight:600;}

.event_table2 { border-collapse:collapse; width:100%; margin:0 0 .5em 0px; border: solid #444547; border-width: 2px 0 0 0; }
.event_table2 caption {text-indent:-2000px; height:0; margin:0; padding:0; font-size:0; line-height:0; overflow:hidden; }
.event_table2 th, .event_table2 td { padding: 10px 6px; line-height:140%; }
.event_table2 th { background:#f0f0f0; font-weight:bold; text-align: center; vertical-align:middle; letter-spacing:-0.1em; border:1px solid #E6E6E6; }
.event_table2 tbody th { background:#f5f5f5; font-weight:bold; color:#575757; text-align:center; vertical-align:middle; letter-spacing:-0.1em; width:15%}
.event_table2 tbody td { letter-spacing:-0.1em; padding:10px; text-align:left;vertical-align:top;}
.event_table2 td { background:#fff; border:1px solid #E6E6E6; text-align:left; font-weight:400}

.event_table3 { border-collapse:collapse; width:100%; margin:0 0 .5em 0px; border: solid #299937; border-width: 2px 0 0 0; font-size:15px;}
.event_table3 caption {text-indent:-2000px; height:0; margin:0; padding:0; font-size:0; line-height:0; overflow:hidden; }
.event_table3 th, .event_table2 td { padding: 10px 6px; line-height:140%; }
.event_table3 th { background:#f0f0f0; font-weight:bold; text-align: center; vertical-align:middle; letter-spacing:-0.1em; border:1px solid #E6E6E6; }
.event_table3 tbody th { background:#f5f5f5; font-weight:bold; color:#575757; text-align:center; vertical-align:middle; letter-spacing:-0.1em; width:15%}
.event_table3 tbody td { letter-spacing:-1px; padding:10px; text-align:left;vertical-align:top; font-size:15px;}
.event_table3 td { background:#fff; border:1px solid #E6E6E6; text-align:left; font-weight:400}