@charset "utf-8";

.func {
	text-align:center;
	margin:4% 0;
}
.func-al { text-align:left; }
.func-ar { text-align:right; }
.func-fl { float:left; }
.func-fr { float:right; }


/* icon
*****************************************************************/
.icon {
	display:inline-block;
	*display:inline; *zoom:1;
	text-decoration:none;
	vertical-align:middle;
	width:10px; height:10px;
	background-image:url(images/a/icon_board.png);
	background-repeat:no-repeat;
}
button.icon {
	border:0;
	padding:0;
	background-color:#FFF;
}
button.icon span {
	visibility:hidden;
	position:absolute;
}
.icon-down { width:10px; height:9px; background-position:0 -70px; }
.icon-close { width:10px; height:9px; background-position:-29px -52px; margin-top: -3px; }
.icon-view { width:5px; height:9px; background-position:-20px -70px; margin-left:5px;}
.icon-more { width:4px; height:7px; background-position:-31px -71px; margin-left:5px;}

.icon-lock { width:14px; height:15px; background-position:0 0; }
.icon-file { width:15px; height:16px; background-position:-20px 0; }
.icon-new { width:27px; height:10px; background-position:-40px 0; }
.icon-date { width:20px; height:15px; background-position:0 -20px; }
.icon-date-b { width:22px; height:22px; background-position:0 -40px; }
.icon-hit { width:20px; height:11px; background-position:-20px -20px; }
.icon-surely { width:10px; height:10px; background-position:-40px -10px; }
.icon-pop { width:15px; height:14px; background-position:-50px -20px; }
.icon-del { width:9px; height:9px; background-position:-30px -40px; }

.icon-check { width:12px; height:9px; background-position:-50px -50px; }
.btn-em .icon-check,
.btn-dk .icon-check { background-position:-50px -40px; }



/* flag
*****************************************************************/
.flag { 
	display:inline-block; *display:inline; *zoom:1;
	text-decoration:none;
	width:50px; height:50px;
	background-image: url(images/a/icon_flag.png);
	background-repeat:no-repeat;
	position:absolute; top:-2px; left:-2px; z-index:10;
}
.flag-best { background-position: 0 0; }
.flag-new { background-position: -50px 0; }
.flag-hot { background-position: -100px 0; }



/* diagram
*****************************************************************/
.diagram {
	margin:3% 0;
}
.diagram ul {
	overflow:hidden;
	width:775px; 
	margin:0 auto;
	padding-left: 30px;
}
.diagram li {
	float:left;
	width:185px; 
	height:184px; 
	margin-left: -30px;
	text-align:center;
	background-image:url(images/a/bg_diagram_b.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.diagram li:nth-child(2n+2) {
	background-image:url(images/a/bg_diagram_g.png);
}
.diagram li span {
	display:block;
	font-size:15px;
	line-height:1.4;
	color:#FFF;
	padding-top:68px;
	font-weight:bold;
	text-decoration:none;
}

.diagram ul.col3 { width:465px; }
.diagram ul.col3 li span { }
.diagram ul.col4 { width:620px; }
.diagram ul.col4 li span { }
.diagram ul.col5 { width:775px; }
.diagram ul.col5 li span { padding-top:60px; }

@media screen and (max-width: 1050px) {
	.diagram ul.col5 { width:640px; }
	.diagram ul.col5 li { width:158px; height:157px; }
	.diagram ul.col5 li span { font-size:12px; padding-top:53px; }
}/*/mediaquery*/
@media screen and (max-width: 950px) {
	.diagram ul.col4 { width:512px; }
	.diagram ul.col4 li { width:158px; height:157px; }
	.diagram ul.col4 li span { font-size:12px; padding-top:62px; }
	.diagram ul.col5 { width:384px; padding-top: 30px; }
	.diagram ul.col5 li { margin-top:-30px; }
}/*/mediaquery*/
@media screen and (max-width: 650px) {
	.diagram ul.col3 { width:384px; }
	.diagram ul.col3 li { width:158px; height:157px; }
	.diagram ul.col3 li span { font-size:12px; padding-top:62px; }
	.diagram ul.col4 { width:256px; padding-top: 30px; }
	.diagram ul.col4 li { margin-top:-30px; }
}/*/mediaquery*/
@media screen and (max-width: 470px) {
	.diagram ul.col3 { width:256px; padding-top: 30px; }
	.diagram ul.col3 li { margin-top:-30px; }
	.diagram ul.col4 { width:256px; }
	.diagram ul.col5 { width:256px; }
}/*/mediaquery*/




.board-cont {
	overflow: hidden;
	padding: 6.25%;
}
@media screen and (max-width: 640px) {
	.board-cont { padding: 30px; }
}/*/mediaquery*/
@media screen and (max-width: 480px) {
	.board-cont { padding: 10px; }
}/*/mediaquery*/



/* board-search
*****************************************************************/
.board-search {
	text-align:center;
	margin-bottom:4%;
}
.board-search .search-bar {
	position: relative;
	color: #fff;
	background:#968780;
	border:1px solid #776a62;
	padding:.9% 2%;
	margin-bottom: 10px;
}
.board-search .search-bar:after {
	content: '';
	position: absolute;
	bottom: -9px;
	left: 0;
	display: block;
	width: 100%;
	height: 9px;
	background:url(images/layout/box_shadow.png) center top no-repeat;
}
.board-search label {	
	display: inline-block;
	font-size:16px;
	margin: 0 1% 0 0;
}
.board-search .text {
	width:35%;
	height: 30px;
	background: #f1f1f1;
	border: 1px solid #776a64;
}
.board-search .search-bar .button {
	padding: 6px 20px;
}
.board-search .search-result {
	/*display:none;*/
	overflow: hidden;
	background: #f5f5f5;
	padding: 2.5% 3%;
	font-size:16px;
}
.board-search .search-result a {
	float: right;
}
.board-search .search-result div {
	float: left;
}
.board-search .search-result em {
	color:#633c27;
	font-weight:bold;
}
.board-search .search-result span {
	margin-right: 5px;
}

@media screen and (max-width: 680px) {

	.board-search .search-bar { padding:2%; }
	.board-search label { display:none; }
	.board-search .search-bar .text { width:50%; }
	.board-search .search-result { font-size:12px; }
}/*/mediaquery*/

@media screen and (max-width: 480px) {
	.board-search .search-result a span { display: none; }
	.board-search .search-result a.btn-s { padding: 4px 6px 3px 5px; }
}/*/mediaquery*/



/* board-category
*****************************************************************/
.board-category {
	border:3px solid #e0e0e0;
	text-align:center;
	margin-bottom:4%;
}
.board-category .for-mo { display:none; }
.board-category .label {
	visibility:hidden;
	position:absolute;
}
.board-category select {
	width:100%;
}
.board-category li {
	display:inline-block; *display: inline; *zoom: 1;
}
.board-category a {
	position: relative;
	display:inline-block; *display: inline; *zoom: 1;
	padding: 5px 26px 10px 28px;
	margin: 10px 0;
	color:#010101;
	line-height:1.2;
}
.board-category a:after {
	content: '';
	position: absolute;
	top: 9px;
	left: 0;
	height: 50%;
	width: 1px;
	border-left: 1px solid #e0e0e0;
}
.board-category li a {
	display:block;
}
.board-category > ul li:first-child a:after,
.board-category > div > a:first-child:after,
.board-category > a:first-child:after {
	display: none;
}
.board-category > ul li.current a,
.board-category > div > a.current,
.board-category > a.current {
	color:#204392;
	font-weight:bold;
	background: url(images/a/category_current.gif) center bottom no-repeat;
}

@media screen and (max-width: 680px) {

	.board-category { border:0; padding:0; }
	.board-category ul { border:3px solid #e0e0e0; }
	.board-category .for-mo { display:block; }
	.board-category .for-de { display:none; }
	.board-category a { padding:0 15px; }
}/*/mediaquery*/



/* paging
*****************************************************************/
.paging {
	text-align:center;
	margin-bottom:4%;
}
.paging .for-mo { display:none; }
.paging a,
.paging .for-de strong {
	padding: 8px 12px;
	line-height:1.2;
	font-size:13px;
	display:inline-block; *display: inline; *zoom: 1;
	overflow:hidden;
}
.paging a {
	color:#666;
	border: 1px solid #bbb;
	background: #f3f3f3; /* non-support browser */
	background: -webkit-linear-gradient(-90deg, #fff 10%, #e7e7e7 100%);
	background: -moz-linear-gradient(-90deg, #fff 10%, #e7e7e7 100%);
	background: -o-linear-gradient(-90deg, #fff 10%, #e7e7e7 100%);
	background: -ms-linear-gradient(-90deg, #fff 10%, #e7e7e7 100%);
	text-decoration:none;
}
.paging strong {
	color:#fff;
	border:1px solid #869266;
	background: #869266;
}
.paging .first,
.paging .prev,
.paging .next,
.paging .last {
	width:4px; height:15px;
	text-indent:-99px;
	background-image:url(images/a/arr_paging.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}
.paging .first { background-position:2% 100%; }
.paging .prev { background-position:33% 100%; }
.paging .next { background-position:66% 100%; }
.paging .last { background-position:97% 100%; }

@media screen and (max-width: 680px) {	
	.paging .for-de { display:none; }
	.paging .for-mo { display:block; }
	.paging .total { display: inline-block; margin: 12px 40px 0 40px; vertical-align: top; }
}/*/mediaquery*/


/* table
*****************************************************************/
.table {
	overflow:hidden;
	margin:4% 0 4% 0;
}
.table table {
	margin-left:-1px;
	border-top:1px solid #c7bdb7;
	background:#FFF;
}
.table th,
.table td {
	border-left:1px solid #c7bdb7;
	border-bottom:1px solid #c7bdb7;
	font-weight: normal;
	font-size: 14px;
	line-height:1.6;
	text-align: center;
}
.table-list th,
.table-list td {
	padding: .8% 0;
}
.table-view th,
.table-view td {
	padding:1.5% 0;
}
.table-list thead th {
	font-weight:bold;
}
.table-list thead th,
.table-list thead td,
.table-view th {
	background:#f3f2f1;
	color:#826e62;
	font-size:16px;
}
.table-list tbody th {
	color:#222;
}
.table-view th {
	font-size:16px;
}
.table-list .left,
.table-view .left {
	text-align:left;
	vertical-align:top;
	padding-left:1.5%;
	padding-right:1.5%;
}




/* table board-list
*****************************************************************/
table.board-list {
	border-top:1px solid #666;
	margin-bottom:4%;
}
table.board-list thead th,
table.board-list tbody td {
	text-align:center;
	line-height:1.2;
	font-size:14px;
}
table.board-list thead th {
	padding:12px 0;
	font-weight:normal;
	border-bottom:1px solid #c4c4c4;
}
table.board-list tbody td {
	padding:15px 5px;
	border-bottom:1px solid #dedede;
}
table.board-list tbody tr:hover {
	background:#f1f3f8;
}
table.board-list td.title {
	text-align:left;
	font-size:16px;
	padding-left:3%;
}
table.board-list td.title a {
	color:#222;
	text-decoration:none;
}
table.board-list td.date {
	font-size:12px;
	color:#999;
	letter-spacing:0;
}
table.board-list td .ans-waiting { color:#b69785; }
table.board-list td .ans-done { color:#204392; }

table.board-list .col-num { width:10%; }
table.board-list .col-category { }
table.board-list .col-title { }
table.board-list .col-writer { width:18%; }
table.board-list .col-date { width:15%; }
table.board-list .col-state { width:15%; }

@media screen and (max-width: 960px) {

	table.board-list .importance0 { display: none; }
}/*/mediaquery*/

@media screen and (max-width: 768px) {

	table.board-list .importance1 { display: none; }
	table.board-list .col-writer { width:20%; }
	table.board-list .col-state { width:20%; }
}/*/mediaquery*/

@media screen and (max-width: 680px) {

	table.board-list .col-state { width:25%; }	
	table.board-list thead tr { display: none; }
	table.board-list tbody tr {
		position: relative;
		display: block;
		padding: 10px 30px 10px 10px;
		border-bottom: 1px solid #dedede;
	}
	table.board-list tbody tr:after {
		content: '';
		position: absolute;
		top: 50%;
		right: 1em;
		width: 7px;
		height: 13px;
		margin-top: -7px;
		background: url(images/a/arr_board.gif) 0 0 no-repeat;
	}
	table.board-list tbody tr:hover:after { background-position: 0 -20px; }
	table.board-list tbody td {
		display: inline-block;
		padding: 0 7px 0 0;
		border-bottom: 0 none;
		font-size:12px; 
	}
	table.board-list td.title {
		display: block;
		padding-left:0;
		line-height:1.4;
		margin-bottom:10px;
	}
	table.board-list td b { 
		display:inline-block;
		border-left:1px solid #e2e2e2;
		padding-left:10px;
	}
}/*/mediaquery*/




/* div board-list
*****************************************************************/
div.board-list {
	border-top:3px solid #666;
	margin-bottom:4%;
}
div.board-list .board-head div,
div.board-list .board-body div {
	text-align:center;
	line-height:1.2;
	font-size:14px;
}
div.board-list .board-head {
	overflow:hidden;
	background: #f5f6fb;
	border-bottom:1px solid #c4c4c4;
	padding:15px 0;
}
div.board-list .board-head div {
	float:left;
}
div.board-list .board-body li {
	overflow:hidden;
	position:relative;
	padding:15px 0;
	border-bottom:1px solid #dedede;
}
div.board-list .board-body div {
	float:left;
}
div.board-list .board-body li:hover {
	background-color:#f1f3f8;
}
div.board-list .board-body div.col-title { 
	text-align:left; 
	font-size:16px;
}
div.board-list .board-body div.col-title a {
	color:#222;
	text-decoration:none;
	overflow: hidden;
	max-width:85%;
	white-space: nowrap; 
	text-overflow: ellipsis;
	display: inline-block;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-wrap:break-word;
	vertical-align:middle;
}
div.board-list .board-body div.col-date { 
	font-size:12px;
	line-height:1.6;
	letter-spacing:0;
	color:#999;
}

div.board-list .board-body .ans-waiting { color:#b69785; }
div.board-list .board-body .ans-done { color:#204392; }

div.board-list div.col-num { width:10%; }
div.board-list div.col-category { }
div.board-list div.col-title { width:50%; }
div.board-online div.col-title { width:44%; }
div.board-list div.col-writer { width:16%; }
div.board-list div.col-date { width:15%; }
div.board-list div.col-state { width:15%; }
div.board-list div.col-hit { width:8%; }

@media screen and (max-width: 1240px) {

	div.board-list div.col-num { display: none; }
	div.board-list div.col-title { width:70%; }
	div.board-online div.col-title { width:52%; }
	div.board-list .board-head,
	div.board-list .board-body li { padding-left: 3%; }
}/*/mediaquery*/

@media screen and (max-width: 960px) {

	div.board-online div.col-date,
	div.board-list div.col-hit { display: none; }
	div.board-list div.col-title { width:85%; }
	div.board-online div.col-title { width:67%; }
}/*/mediaquery*/

@media screen and (max-width: 680px) {

	div.board-list .board-head { display: none; }
	div.board-list .board-body li { padding: 10px 30px 10px 10px; }
	div.board-list div.col-title { display:block; width:100%; margin-bottom:10px; }
	div.board-list div.col-writer {
		width:auto; 
		font-size:12px; 
		margin-right:10px;
		padding-right:10px;
		border-right:1px solid #e2e2e2;
	}
	div.board-list div.col-date { width:auto; }
	div.board-list div.col-state { font-size:11px; width:auto; }
	div.board-list li:after {
		content: '';
		position: absolute;
		top: 50%;
		right: 2%;
		width: 7px;
		height: 13px;
		margin-top: -7px;
		background: url(images/a/arr_board.gif) 0 0 no-repeat;
	}
	div.board-list li:hover:after { background-position: 0 -20px; }
}/*/mediaquery*/



/* news-list
*****************************************************************/
div.news-list {
	border-top:1px solid #666;
	margin-bottom:4%;
}
div.news-list li {
	padding:2% 0;
	border-bottom:1px solid #dedede;
}
div.news-list li a {
	overflow:hidden;
	position:relative;
	display:block;
	padding-left:165px;
	line-height:1.2;
	text-decoration:none;
	min-height:139px;
}
div.news-list .col-thumb {
	overflow:hidden;
	position:absolute;
	max-width:135px;
	left:0;
	text-align:center;
	border:1px solid #e4e4e4;
	background:#f4f4f4;
}
div.news-list .col-cont {
	padding:1.5% 0 0 0;
}
div.news-list a h3 {
	display:inline-block; *display: inline; *zoom: 1;
	color:#222;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size:16px;
	max-width:85%;
	font-weight:bold;
}
div.news-list a p {
	overflow:hidden;
	height:60px;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height:1.4;
}
div.news-list .col-date,
div.news-list .col-hit {
	display:inline-block; *display: inline; *zoom: 1;
	font-size:12px;
	letter-spacing:0;
	color:#999;
	background-image:url();
	background-repeat:no-repeat;
	background-position:0 0;
}
div.news-list .col-date {}
div.news-list .col-hit {
	padding-left:10px;
	margin-left:10px;
	border-left:1px solid #ccc;
}


@media screen and (max-width: 960px) {

	div.news-list li a { padding-left:120px; min-height:100px; }
	div.news-list .col-thumb { max-width:98px; }
	div.news-list a p { height:35px; margin: 0.7em 0; }
}/*/mediaquery*/

@media screen and (max-width: 768px) {

	div.news-list .col-cont p { font-size:12px; }
}/*/mediaquery*/

@media screen and (max-width: 460px) {

	div.news-list li a { padding-left:85px; min-height:70px; }
	div.news-list .col-thumb { max-width:68px; }
	div.news-list a p { text-overflow: ellipsis; white-space: nowrap; margin: .5em 0; height:auto; }
}/*/mediaquery*/



/* thumb-list
*****************************************************************/
div.thumb-list {
	overflow:hidden;
	border-top:3px solid #666;
	border-bottom:1px solid #dedede;
	margin-bottom:4%;
}
div.thumb-list ul {
	margin-left:-5.5%;
}
div.thumb-list li {
	float:left;
	width:44.5%;
	padding:3% 0 3% 5.5%;
	border-bottom:1px solid #dedede;
	margin-bottom:-1px;
	*padding-left:2%;
}
div.thumb-list li:nth-child(2n+1) {
	clear:both;
}
div.thumb-list li a {
	position:relative;
	display:block;
	line-height:1.2;
	text-decoration:none;
}
/*
div.thumb-list li:hover {
	background-color:#f1f3f8;
}
*/
div.thumb-list .col-thumb {
	overflow:hidden;
	position:relative;
	text-align:center;
	border:1px solid #e4e4e4;
	background:#f4f4f4;
}
div.thumb-list li a:hover .col-thumb .over {
	display:none;
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.7);
	background-image:url(images/a/more_arr.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	*width: 305px;
	*height: 175px;
	*background-color:#000;
	filter:alpha(opacity=50);
}
div.thumb-list .col-thumb img {
	vertical-align: top;
	width:100%;
	/*max-height:177px;*/
}
div.thumb-list .col-cont {
	padding:3% 0 0 0;
}
div.thumb-list a h3 {
	font-size:17px;
	font-weight: normal;
	color:#222;
	margin-bottom: 5px;
	display: block;
}
div.thumb-list a h3 span {
	overflow: hidden;
	max-width:85%;
	white-space: nowrap; 
	text-overflow: ellipsis;
	display: inline-block;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-wrap:break-word;
	vertical-align:middle;
}
/*
div.thumb-list.event a h3 {
	font-weight:bold;
}
*/
div.thumb-list a p {
	margin: 0;
}
div.thumb-list .col-dl {
	overflow: hidden;
	margin: 10px 0 0 0;
	background:#f1f3f8;
}
div.thumb-list .col-dl dt {
	display:block;
	font-size:14px;
	color:#204392;
	padding:3% 0;
	text-align:center;
	border-bottom:2px solid #FFF;
}
div.thumb-list .col-dl dd {
	float:left;
	width:50%;
	margin:0;
	font-size:12px;
	padding:3% 0;
	text-align:center;
	*width:49.9%;
}
div.thumb-list .col-dl dd:last-child {
	width:49%;
	border-left:2px solid #FFF;
}
div.thumb-list .col-dl dd b {
	display:inline-block;
	padding-right:7%;
	color:#204392;
	font-weight:bold;
}
div.thumb-list .col-dl dd:last-child {
	border-left:2px solid #FFF;
}
div.thumb-list .date {
	font-size:12px;
	color:#5f79b5;
	letter-spacing:0;
}
div.thumb-list.event .date {
	font-size:14px;
}
div.thumb-list .col-date,
div.thumb-list .col-hit {
	display:inline-block;
	font-size:12px;
	color:#999;
	background-image:url();
	background-repeat:no-repeat;
	background-position:0 0;
}
div.thumb-list .col-hit {
	padding-left:10px;
	margin-left:10px;
	border-left:1px solid #ccc;
}

@media screen and (max-width: 980px) {
	/* div.thumb-list li { width:47%; } */
	div.thumb-list li:nth-child(3n+1) { clear:none; }
	div.thumb-list li:nth-child(2n+1) { clear:both; }
}/*/mediaquery*/

@media screen and (max-width: 560px) {
	div.thumb-list li { float:none; width:auto; margin:0; }
}/*/mediaquery*/

@media screen and (max-width: 480px) {
	div.thumb-list { border-bottom:0; }
	div.thumb-list .col-thumb { height:auto; line-height:normal; }
	div.thumb-list .col-dl dt,
	div.thumb-list .col-dl dd { padding:2% 0; }
}/*/mediaquery*/



/* faq-list
*****************************************************************/
.accordian-list {
	overflow:hidden;
	margin-bottom:4%;
	border-top:3px solid #666;
}
.accordian-list > li {
	overflow:hidden;
	border-bottom:1px solid #e5e5e5;
}
.accordian-list > li ul {
	margin:10px 0;
}
.accordian-list li li { padding-bottom:0; }
.accordian-list li .q {
	position:relative;
	font-size:16px;
	padding:2% 40px 2% 20px;
	margin:0;
}
.accordian-list li .a {
	position:relative;
	font-size:14px;
	padding:3% 20px 3% 20px;
	margin:0;
	background:#fbfbfb;
}
.accordian-list li .a .cont {
	color: #767676;
}
.accordian-list li .a .cont span {
	display: block;
	color: #333;
}
.accordian-list li .a .cont p {
	margin:0;
}
.accordian-list li .mark {
	position:absolute;
	top:20px;
	right:20px;
	display:block;
	width:18px;
	height:10px;
	background:url(images/a/icon_faq.png) 0 bottom no-repeat;
}
.accordian-list li.on .q {
	color:#222;
}
.accordian-list li.on .mark {
	background-position: 0 0;
}

.faq-list li .q,
.faq-list li .a {
	padding-left:50px;
}
.faq-list li .label {
	position:absolute;
	top:13px;
	left:20px;
	font-size:16px;
	font-weight:bold;
}
.faq-list li .q .label {
	color:#204392;
}
.faq-list li .a .label {
	font-size:18px;
	color:#968880;
	top:25px;
}

@media screen and (max-width: 768px) {

	.accordian-list li .a { padding:20px; }
	.accordian-list li .q { font-size:14px; }
	.accordian-list li .a { font-size:12px; }
	.accordian-list li .mark { top:13px; }
	.faq-list li .q,
	.faq-list li .a { padding-left:40px; }
	.faq-list li .label { top:8px; left:15px; font-size:14px; }
	.faq-list li .a .label { font-size:16px; }
}/*/mediaquery*/


/* search-list
*****************************************************************/
div.search-list {
	border-top:3px solid #666;
	margin-bottom:4%;
}
div.search-list li.search-header {
	color: #BFCE29;
	font-size: 16px;
	font-weight: bold;
	background: #f5f6fb;
	border-bottom: 1px solid #c4c4c4;
	padding: 1em 1.5em;
}
div.search-list li.search-header span {
	color: #8092bd;
	font-size: 13px;
}
div.search-list li.search-header a {
	float: right;
	font-weight: normal;
}
div.search-list li.list-cont {
	padding: 1em;
	border-bottom: 1px solid #c4c4c4;
}
div.search-list li.list-cont h3 {
	color: #333;
	font-size: 20px;
	font-weight: normal;
}
div.search-list li.list-cont p {
	color: #767676;
}
div.search-list li.list-cont h3 span,
div.search-list li.list-cont p span {
	color: #fff;
	background: #968880;
}

/* exper-imagine
*****************************************************************/
.exper-imagine {
	background:#f1f3f8;
	margin-bottom:4%;
}
.exper-cont {
	padding:2% 3% 5% 3%;
}
.exper-cont h3 {
	font-size:28px;
	color:#222;
	font-weight:normal;
	margin-bottom:2%;
}
.exper-cont h3 b {
	color:#204392;
}
.exper-cont h3 span {
	font-size:14px;
	color:#666;
}
.exper-cont .caveat {
	font-size:14px;
	margin-bottom:2%;
	padding:3% 3% 3% 3%;
	background:#FFF;
	border:1px solid #e2e3e7;
}
.exper-cont .caveat h4 {
	font-size:16px;
	color:#204392;
	padding-left:18px;
	background:url(images/a/icon_check.png) 0 6px no-repeat;
	margin-bottom:2%;
}
.exper-cont .caveat li {
	padding-left:18px;
	background:url(images/a/icon_dot2.gif) 5px 10px no-repeat;
}
.exper-cont .comm {
	font-size:14px;
}


@media screen and (max-width: 1024px) {

	.exper-cont h3 span { display:block; margin-top:2%; }
}/*/mediaquery*/

@media screen and (max-width: 768px) {

	.exper-cont h3 { font-size:18px; }
	.exper-cont .caveat h4 { font-size:14px; }
	.exper-cont h3 span,
	.exper-cont .caveat li,
	.exper-cont .comm { font-size:12px; }
	.slides .cont h3 { font-size:18px; }
	.slides .cont p { font-size:12px; }
}/*/mediaquery*/


.facilit-imagine {
	margin-bottom:4%;
}
.facilit-imagine .slides li {
	background:#f1f3f8;
}
.facilit-imagine .cont {
	padding:2%;
}
.facilit-imagine .cont h3 {
	font-size:24px;
	line-height:1.2;
	color:#222;
	font-weight:normal;
	margin-bottom:1.5%;
}



/* flex-slider
*****************************************************************/
.flex-slider {
	position: relative; 
	margin-bottom:4%;
	zoom: 1;
}
.flex-viewport {
	max-height: 2000px; 
	-webkit-transition: all 1s ease; 
	-moz-transition: all 1s ease; 
	transition: all 1s ease;
}
.loading .flex-viewport {max-height: 300px;}
.flex-slider .slides {zoom: 1;}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {
	width: 40px; 
	height: 67px; 
	display: block; 
	background: url(images/a/icon_flex.png) 0 0 no-repeat; 
	position: absolute; 
	top: 270px;
	z-index: 10; 
	cursor: pointer; 
	text-indent: -9999px; 
	/*opacity: 0; */
	-webkit-transition: all .3s ease;
}
.flex-direction-nav .flex-prev {left: 3%;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: 3%; }
/*
.flex-slider:hover .flex-prev {opacity: 1; left: 2%;}
.flex-slider:hover .flex-next {opacity: 1; right: 2%;}
.flex-slider:hover .flex-next:hover, 
.flex-slider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3 !important; filter:alpha(opacity=30); cursor: default;}
*/

/* Control Nav */
.flex-control-nav {position: absolute; bottom:-25px; width:100%; text-align: center;}
.flex-control-nav li {margin: 0 10px 0 0; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {
	width: 11px; 
	height: 11px; 
	display: block; 
	background: #666; 
	cursor: pointer; 
	text-indent: -9999px; 
	background:#d5d5d5;
	/*
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
	-o-border-radius: 20px; 
	border-radius: 20px; 
	background: rgba(150, 150, 150, 0.5); 
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	*/
}
.flex-control-paging li a:hover { 
	background: #b9b0b0; 
	/*
	background: rgba(150, 150, 150, 1); 
	*/
}
.flex-control-paging li a.flex-active { 
	cursor: default; 
	background: #402110; 
	/*
	background: #000; 
	background: rgba(32, 67, 146, 1); 
	*/
}

.flex-control-thumbs {margin: 5px 0 0 -.5%; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 15%; float: left; margin: 1.5% 0 0 1.5%; }
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

#carousel { overflow: hidden; }
#carousel li { }
#carousel img {display: block; opacity: .3; cursor: pointer; border:1px solid #e0e0e0; }
#carousel img:hover {opacity: 1;}
#carousel .flex-active-slide img {opacity: 1; cursor: default;}
#carousel .flex-direction-nav a {
	width: 27px; 
	height: 27px; 
	background: url(images/a/icon_flex_nav.png) 0 0 no-repeat; 
	top: 35%;
	opacity: 0; 
}
#carousel .flex-direction-nav .flex-prev {left: 1%;}
#carousel .flex-direction-nav .flex-next {background-position: 100% 0; right: 1%; }
#carousel:hover .flex-prev,
#carousel:hover .flex-next {opacity: 1;}
#carousel:hover .flex-next:hover, 
#carousel:hover .flex-prev:hover {opacity: 1;}
#carousel .flex-direction-nav .flex-disabled {opacity: .3 !important; filter:alpha(opacity=30); cursor: default;}




/* board-agree
*****************************************************************/
.board-agree {
	overflow:hidden;
	margin-bottom:4%;
	border-top:3px solid #666;
	border-bottom:1px solid #dedede;
}
.board-agree h3 {
	font-size:16px;
	color:#222;
	padding:2% 3%;
	margin:0;
	font-weight:normal;
	border-bottom:1px solid #c4c4c4;
}
.board-agree .agree-cont {
	height:230px;
	overflow-y:scroll;
	background:#f1f3f8;
	padding:2% 3.125%;
	font-size:14px;
}
.board-agree .agree-check {
	font-size:14px;
	color:#767676;
	padding:1.5% 3%;
}

.ifrm-agreement-container {
	background:#f1f3f8;
}
.ifrm-agreement {
	width: 100%;
	min-height: 250px;
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: top;
}

.agreement-container {
	background:#f1f3f8;
	height: 250px;
	overflow-y: auto;
}
.agreement-article {
	padding:2% 3.125%;
	font-size: 0.9em;
}
.agreement-article section {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px dotted #ddd;
}

.agreement-article h1 { font-size: 1.6em; }
.agreement-article h2 {
	margin: 0 0 0.2em;
	font-size: 1.3em;
	color: #BFCE29;
}
.agreement-article h3 {
	margin: 1.5em 0 0.2em;
	padding: 0 0 0 10px;
	border-bottom: none;
	background: url(images/a/icon_dot2.gif) 0 0.6em no-repeat;
	color: #222;
	font-size: 1em;
	font-weight: bold;
}
.agreement-article section > p {
	margin: .5em 0;
}
.agreement-article ul > li {
	margin: 0.3em 0;
	padding-left: 0.6em;
	background: url(images/a/icon_dot3.gif) 0 0.6em no-repeat;
}
.agreement-article ul > li > b {
	color: #222;
	font-weight: bold;
}
.agreement-article ul > li > p {
	margin: 0;
}


/* board-write
*****************************************************************/
div.board-write {
	overflow:hidden;
	margin-bottom:4%;
}
div.board-write .surely {
	font-size:12px;
	color:#5f79b5;
}
div.board-write .surely .icon {
	margin-right: .5em;
}
div.board-write ul {
	border-top:3px solid #666;
}
div.board-write ul li {
	position:relative;
	text-align:left;
	padding: .8em 0.5em .8em 11em;
	border-bottom:1px solid #dedede;
}
div.board-write ul li.text-line {
	padding-top: 1.1em;
	min-height:30px;
}
div.board-write ul li .label {
	position:absolute;
	top: 1.1em;
	left:20px;
	color:#222;
	width: 9em;
	vertical-align:top;
}
div.board-write ul li .icon-surely {
	position:absolute;
	top:1.9em;
	left:9em;
}
div.board-write input.text,
div.board-write select.text,
div.board-write textarea.text {
	font-size:15px;
	background:#f1f1f1 url(images/a/bg_input.gif) left top repeat-x;
}
div.board-write input.text {
	width:60%;
	padding-top: .25em;
	padding-bottom: .25em;
}
div.board-write select.text {
	width:60.5%;
	height:36px;
}
div.board-write textarea.text {
	width:96%;
	padding-top: .2em;
	padding-bottom: .2em;
	height:200px;
}
/* div.board-write input#title {
	width:98%;
} */
div.board-write input#date {
	width:100px;
}
div.board-write select#time {
	width:120px;
}
div.board-write input[type="radio"] {
	margin-left: .8em;
}
div.board-write input[type="file"] {
	margin-bottom: .8em;
}
div.board-write li .radio-block { 
	margin-top: .3em;
	font-size: 13px; 
}
div.board-write li .file-block { 
	display:block; 
	margin:7px 0 0 0; 
}
div.board-write li em {
	display:block;
	color:#5f79b5;
	font-size:12px;
}
div.board-write li u {
	display:inline-block;
	color:#df3b3b;
	font-size:14px;
	margin-left: .8em;
	text-decoration:none;
}

/* board-write2
*****************************************************************/
div.board-write2 {
	overflow:hidden;
	margin-bottom:4%;
}
div.board-write2 .surely {
	font-size:12px;
	color:#5f79b5;
}
div.board-write2 .surely .icon {
	margin-right: .5em;
}
div.board-write2 ul {
	border-top:3px solid #666;
}
div.board-write2 ul li {
	position:relative;
	text-align:left;
	padding: .8em 0.5em .8em 4em;
	border-bottom:1px solid #dedede;
}
div.board-write2 ul li.text-line {
	padding-top: 1.1em;
	min-height:30px;
}
div.board-write2 ul li .label {
	position:absolute;
	top: 1.1em;
	left:20px;
	color:#222;
	width: 9em;
	vertical-align:top;
}
div.board-write2 ul li .icon-surely {
	position:absolute;
	top:1.9em;
	left:9em;
}
div.board-write2 input.text,
div.board-write2 select.text,
div.board-write2 textarea.text {
	font-size:15px;
	background:#f1f1f1 url(images/a/bg_input.gif) left top repeat-x;
}
div.board-write2 input.text {
	width:80%;
	padding-top: .25em;
	padding-bottom: .25em;
}
div.board-write2 select.text {
	width:80.5%;
	height:36px;
}
div.board-write2 textarea.text {
	width:96%;
	padding-top: .2em;
	padding-bottom: .2em;
	height:200px;
}
/* div.board-write2 input#title {
	width:98%;
} */
div.board-write2 input#date {
	width:100px;
}
div.board-write2 select#time {
	width:120px;
}
div.board-write2 input[type="radio"] {
	margin-left: .8em;
}
div.board-write2 input[type="file"] {
	margin-bottom: .8em;
}
div.board-write2 li .radio-block { 
	margin-top: .3em;
	font-size: 13px; 
}
div.board-write2 li .file-block { 
	display:block; 
	margin:7px 0 0 0; 
}
div.board-write2 li em {
	display:block;
	color:#5f79b5;
	font-size:12px;
}
div.board-write2 li u {
	display:inline-block;
	color:#df3b3b;
	font-size:14px;
	margin-left: .8em;
	text-decoration:none;
}

@media screen and (max-width: 1280px) {

	div.board-write li .radio-block { display:block; margin: 10px 0 0 0; }
	div.board-write2 li .radio-block { display:block; margin: 10px 0 0 0; }

}/*/mediaquery*/

@media screen and (max-width: 1024px) {

	div.board-write li em,
	div.board-write li u { display:block; margin-top: .5em; margin-left: 0; }
	div.board-write2 li em,
	div.board-write2 li u { display:block; margin-top: .5em; margin-left: 0; }

}/*/mediaquery*/

@media screen and (max-width: 960px) {

	div.board-write input.text,
	div.board-write input#title { width:98.5%; }
	div.board-write input#id { width:60%; }
	div.board-write select.text { width:99%; }
	div.board-write2 input.text,
	div.board-write2 input#title { width:98.5%; }
	div.board-write2 input#id { width:80%; }
	div.board-write2 select.text { width:99%; }

}/*/mediaquery*/

@media screen and (max-width: 768px) {
	div.board-write ul li.text-line { min-height:24px; }
	div.board-write2 ul li.text-line { min-height:24px; }
}/*/mediaquery*/

@media screen and (max-width: 640px) {
	div.board-write ul li { padding-left:1em; }
	div.board-write ul li .icon-surely { left:0; }
	div.board-write ul li .label { position:absolute; visibility:hidden; }
	div.board-write input,
	div.board-write select,
	div.board-write textarea { font-size:14px; }
	div.board-write select.text { height:33px; }
	div.board-write input[type="radio"] { margin-left:0; }
	div.board-write2 ul li { padding-left:1em; }
	div.board-write2 ul li .icon-surely { left:0; }
	div.board-write2 ul li .label { position:absolute; visibility:hidden; }
	div.board-write2 input,
	div.board-write2 select,
	div.board-write2 textarea { font-size:14px; }
	div.board-write2 select.text { height:33px; }
	div.board-write2 input[type="radio"] { margin-left:0; }
}/*/mediaquery*/

@media screen and (max-width: 480px) {
	div.board-write input#id { width:50%; }
	div.board-write input#date { width:75px; }
	div.board-write select#time { width:90px; }
	div.board-write textarea.text { width:93%; }
	div.board-write2 input#id { width:50%; }
	div.board-write2 input#date { width:75px; }
	div.board-write2 select#time { width:90px; }
	div.board-write2 textarea.text { width:93%; }
}/*/mediaquery*/



/* event-list */
div.event-list {
	border-top: 3px solid #666;
	margin-bottom: 4%;
}
div.event-list ul,
div.event-list li {
	overflow: hidden;
}
div.event-list li {
	padding: 2.5% 0;
	border-bottom: 1px solid #e5e5e5;
}
div.event-list li a {
	display:block;
	text-decoration: none;
}
div.event-list .col-thumb {
	overflow: hidden;
	float: left;
	width: 19%;
	/*height: 8em;*/
	/**height:300px;*/
	background: #f4f4f4;
	border: 1px solid #e5e5e5;
	text-align:center;
}
div.event-list .col-thumb img {
	vertical-align:top;
}
div.event-list .col-cont {
	float: right;
	width:78%;
}
div.event-list .col-cont h3 span {
	color: #333;
	font-size: 21px;
	font-weight: normal;
	overflow: hidden;
	max-width:85%;
	white-space: nowrap; 
	text-overflow: ellipsis;
	display: inline-block;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-wrap:break-word;
	vertical-align:middle;
}
div.event-list .col-cont p  {
	color: #767676;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-wrap:break-word;
	margin-bottom: 7%;
}	
div.event-list .date-hit {
	font-size:13px;
	color:#999;
}
div.event-list .date-hit .col-date {
	border-right: 1px solid #ddd;
	margin-right: 10px;
	padding-right: 10px;
}

@media screen and (max-width: 1280px) {
	div.event-list .col-thumb { width: 19.5%; }
	div.event-list .col-cont { width:75%; }
}/*/mediaquery*/

@media screen and (max-width: 960px) {
	div.event-list .col-cont h3 span { font-size: 18px; }
	div.event-list .col-cont p { margin-bottom: 4%;}
}/*/mediaquery*/

@media screen and (max-width: 768px) {
	div.event-list .col-cont h3 a { font-size: 18px; }
}/*/mediaquery*/

@media screen and (max-width: 560px) {
	div.event-list .col-thumb { float: none; width:auto; margin-bottom: 5%; }
	div.event-list .col-cont { float: none; width:auto; }
	div.event-list .col-cont h3 a { font-size: 16px; max-width:80%; }
}/*/mediaquery*/

/*/*/



/* board-view
*****************************************************************/
div.board-view {
	overflow:hidden;
	border-top:3px solid #666;
	border-bottom:1px solid #c4c4c4;
	margin-bottom:4%;
}
div.board-view .view-head {
	position:relative;
	border-bottom:1px solid #c4c4c4;
}
div.view-online .view-head {
	border-bottom:1px solid #dedede;
}
div.board-view .view-head .flag {
	position:static;
	float:left; 
	margin:0 10px 10px 0;
}
div.board-view .view-head h3 {
	display:block;
	padding: .6em .5em .7em .8em;
	font-size:22px;
	color:#222;
	font-weight:normal;
	background: #f5f6fb;
}
div.board-view .story-info {
	overflow: hidden;
	font-size:14px;
	line-height:1.2;
	letter-spacing:0;
	color:#999;
	padding: 15px 3%;
	border-top:1px solid #c4c4c4;
}
div.board-view .date-hit {
	float: left;
}
div.board-view .docter {
	float: right;
	color: #767676;
}
div.board-view .date-hit span,
div.board-view .story-info span {
	font-size:14px;
	line-height:1.2;
	padding-left: 12px;
	margin-left: 10px;
	background:url(images/a/line-span.gif) 0 50% no-repeat;
}
div.board-view .date-hit span:first-child,
div.board-view .story-info span:first-child {
	margin-left:0;
	padding-left:0;
	background:none;
}
div.board-view .view-head .col-name {
	color:#666;
}
div.board-view .view-head .col-file a {
	text-decoration:none;
}
div.board-view .view-head .story-sight {
	overflow:hidden;
	border-top:1px solid #c4c4c4;
	margin-left:-1px;
}
div.board-view .view-head .story-sight dt,
div.board-view .view-head .story-sight dd {
	float:left;
	font-size:14px;
	width:30%;
	padding:10px 0 10px 3%;
	margin:0;
	border-left:1px solid #c4c4c4;
}
div.board-view .view-head .story-sight dt,
div.board-view .view-head .story-sight dd b {
	color:#5f79b5;
}
div.board-view .view-head .story-sight dd b {
	display:inline-block;
	width:60px;
}
div.board-view .ans-waiting { color:#b69785; }
div.board-view .ans-done { color:#204392; }

div.board-view .view-cont {
	font-size:14px;
	padding:3%;
	border-bottom:1px solid #dedede;
}
div.board-view .view-cont .file {
	border: 3px solid #ddd; 
	padding: 12px 20px;
	margin: 30px 0 40px;
}
div.board-view .view-cont .file span {
	color: #999;
	margin-left: 5px;
}
div.board-view .view-cont .file div {
	float: right;
}
div.board-view .view-cont .file a i {
	display: inline-block;
	vertical-align: top;
	margin: 2px 0 0 7px;
}
div.board-view .embed {
	max-width:640px;
	height:380px;
	margin:4% auto;
}

div.board-reply {
	overflow:hidden;
	position:relative;
	background:#f1f3f8;
	margin-top:5%;
	padding:4%;
}
div.board-reply h3 {
	font-size:22px;
	line-height:1.2;
	color:#5f79b5;
	font-weight:normal;
	margin-bottom:3%;
}
div.board-reply .col-date {
	float:right;
	margin-top:-5%;
	font-size:14px;
	letter-spacing:0;
	color:#999;
}

@media screen and (max-width: 768px) {

	div.board-view .view-head h3 { font-size:16px; }
	div.view-online .view-head h3 { padding-left: 1em; }
	div.board-view .view-head .story-sight dd { float:right; width:60%; padding:5px; }
	div.board-view .embed { max-width:560px; height:330px; margin:4% auto; }
	div.board-reply { padding:25px; }
	div.board-reply h3 { font-size:16px; }
	div.board-reply .col-date { margin-top:-8%; font-size:12px; }

}/*/mediaquery*/

@media screen and (max-width: 560px) {

	div.board-view .view-head .story-info { position:static; text-align:left; margin-top:0; border-top:1px solid #c4c4c4; }
	div.board-view .embed { max-width:260px; height:200px; margin:4% auto; }

}/*/mediaquery*/

@media screen and (max-width: 440px) {

	div.board-view .date-hit, div.board-view .docter { float: none; }
	div.board-view .date-hit { margin-bottom: 10px; }


}/*/mediaquery*/


/* event-consult
*****************************************************************/
.event-consult {
	width: 94%;
	margin: 4% auto;
	overflow:hidden;
	border-bottom:1px solid #dedede;
	padding-bottom:2%;
}
.consult-check {
	font-size:12px;
}
.consult-check label {
	color: #333;
	font-size: 14px;
	font-weight: normal;
}
.consult-check p {
	color:#93837a;
	font-weight:bold;
}
.consult-form {
	position:relative;
	padding-right:103px;
}
.consult-form label {
	visibility:hidden;
	position:absolute;
}
.consult-form li {
	margin-bottom:8px;
}
.consult-form .text {
	border:1px solid #c0c0c0;
	background:#f1f1f1 url(images/a/bg_input.gif) left top repeat-x;
	color:#b0b0b0;
	width:230px;
	font-size:14px;
}
.consult-form input.text {
	padding: .12em 0 .1em 0;
}
.consult-form textarea.text {
	width: 280px;
	height:90px;
	min-height:0;
	margin-top: 7px;
}
.consult-form .event-comment {
	float:left;
	margin:-120px 0 0 242px;
}
.consult-form .button {
	position:absolute;
	right:0;
	top:0;
	color: #545f7b;
	font-size: 16px;
	padding: 33px 25px 33px 26px;
	border:1px solid #bbb;
	background: url(images/a/bg_form_btn.gif) repeat-x;
}
.consult-form .button i.icon { 
	display:block; 
	margin:0 auto 15px auto; 
}
.consult-form .button span { 
	display:block;
}

@media screen and (max-width: 1240px) {
	.event-consult { width: 100%; }
	.consult-check { float:none; width:525px; margin:0 auto; }
	.consult-form { float:none; margin:0 auto; }
}/*/mediaquery*/

@media screen and (max-width: 768px) {
	.consult-form .button { padding: 26px 24px; }
	.consult-form .event-comment { float: left; margin-left: 205px; }
	.consult-form .event-comment .text { width: 214px; }
}/*/mediaquery*/

@media screen and (max-width: 604px) {
	.consult-check { width: auto; }
	.consult-form { width: auto; padding-right:0; }
	.consult-form .text { display:block; width: 99%; padding: 8px 0; }
	.consult-form .event-comment { float: none; margin-left: 0; margin-top: 0; }
	.consult-form .event-comment .text { width:95%; padding: 8px 0 8px 3%; }
	.consult-form .button { position: static; width: 99%; padding: 2% 0; vertical-align: middle; margin-top: 10px;}
	.consult-form .button span { display: inline; }
	.consult-form .button i.icon { display: inline-block; margin:0 2% 0 0; }
}/*/mediaquery*/


/* board-prev
*****************************************************************/
div.board-prev {
	overflow:hidden;
	border-top:1px solid #c4c4c4;
	margin-top:4%;
}
div.board-prev li {
	overflow:hidden;
	position:relative;
	border-top:1px solid #c4c4c4;
	padding-left:95px;
}
div.board-prev li:first-child {
	border-top:0;
}
div.board-prev li strong {
	position:absolute;
	left:0;
	width:100px;
	font-size:15px;
	font-weight: normal;
	color:#767676;
	padding:15px 0 15px 35px;
	background:#f1f1f1;
}
div.board-prev li strong i.icon-prev {
	display: inline-block;
	width: 9px;
	height: 5px;
	background: url(images/a/icon_prev.png) no-repeat;
	margin-right: 10px;
}
div.board-prev li strong i.prev {
	background-position: 0 0;
}
div.board-prev li strong i.next {
	background-position: -19px 0;
}
div.board-prev li a {
	display:block;
	color: #333;
	font-size:15px;
	padding:15px 10px 15px 70px;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-decoration:none;
}

@media screen and (max-width: 460px) {
	div.board-prev li strong { width:75px; padding:15px 0 15px 15px; }
	div.board-prev li a { padding: 15px 10px 15px 15px; }
}/*/mediaquery*/



/* layer-pop
*****************************************************************/
.layer-pop {
	display:none;
	position:fixed;
	top:10%;
	left:50%;
	z-index:1000;
	width:40%;
	margin-left:-20%;
	border:3px solid #7ca0ec;
	box-shadow:0 0 10px .5px #000;
	background: #FFF;
}
.layer-pop iframe {
	width: 100%;
	height:700px;
	vertical-align:top;
}
.modal-bg {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	background: #000;
	filter:alpha(opacity=30);
	opacity: 0.3;
}
.layer-pop .pop-close {
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 15px 5px 0 7px;
	border: 0 none;
	font-size: 12px;
	background: transparent url(images/layout/btn_close.png) center 0 no-repeat;
}

@media screen and (max-width: 1100px) {
	.layer-pop { width:60%; margin-left:-30%; }
}/*/mediaquery*/
@media screen and (max-width: 960px) {
	.layer-pop { width:70%; margin-left:-35%; }
}/*/mediaquery*/
@media screen and (max-width: 640px) {
	.layer-pop { position:static; width:auto; margin-left:0; }
}/*/mediaquery*/

/* button
--------------------------------------------------------------- */
[class*=button] { display: inline-block; *display: inline; *zoom:1; line-height: 1.5; vertical-align: middle; cursor: pointer; }
[class*=button]:hover { text-decoration: none; }
.button {
	padding: 7px 15px;
	border: 1px solid #bbb;
	background: #e5e5e5 url(images/a/bg_btn.gif) 0px -32px repeat-x;
	color: #545f7b;
	font-size: 15px;
	line-height:1.2;
	text-align:center;
	vertical-align:middle;
}
button.button { vertical-align:top; }

.btn-m { display:block; }
.btn-b {
	padding: 15px 25px;
	background-position: 0px -75px;
	font-size: 19px;
}
.btn-s {
	padding: 6px 10px 4px;
	font-size: 11px;
}

.btn-em { /* blue */
	border: 1px solid #B0CB5C;
	background-color: #214392;
	background-position: 0 -168px;
	color: #fff;
}
.btn-em.btn-b { background-position: 0 -210px; }
.btn-em.btn-s { background-position: 0 -136px; }

.btn-dk { /* black */
	border: 1px solid #333;
	background-color: #414141;
	background-position: 0 -304px;
	color: #fff;
}
.btn-dk.btn-b { background-position: 0 -346px; }
.btn-dk.btn-s { background-position: 0 -272px; }

.btn-sub { /* brown */
	border: 1px solid #5B524E;
	background-color: #5a514d;
	background-position: 0 -438px;
	color: #fff;
}
.btn-sub.btn-b { background-position: 0 -478px; }
.btn-sub.btn-s { background-position: 0 -408px; }

.btn-login {
	padding: 29px 40px;
	border: 1px solid #B0CB5C;
	background: url(images/a/bg_btn_login.gif) repeat-x;
	color: #fff;
}
.btn-more {
	color: #767676;
	font-size: 14px;
}

@media screen and (max-width: 1280px) {
	.btn-login { padding: 10px 30px; }
}/*/mediaquery*/

@media screen and (max-width: 768px) {
	.button { font-size: 14px; letter-spacing: 0; }
}/*/mediaquery*/


.quick-contact {
	overflow: hidden;
	padding: 1em 0;
}
.quick-contact .btn-call {
	float: left;
	width: 48.5%;
	padding-left: 0;
	padding-right: 0;
}
.quick-contact .btn-reservation {
	float: right;
	width: 48.5%;
	padding-left: 0;
	padding-right: 0;
}

/* ### 기본 스타일 커스터마이징 시작 ### */

/* 게시판 버튼 */
/* 목록 버튼 */
#bo_list a.btn_b01 {}
#bo_list a.btn_b01:focus, #bo_list a.btn_b01:hover {}
#bo_list a.btn_b02 {}
#bo_list a.btn_b02:focus, #bo_list a.btn_b02:hover {}
#bo_list a.btn_admin {} /* 관리자 전용 버튼 */
#bo_list a.btn_admin:focus, #bo_list .btn_admin:hover {}

/* 읽기 버튼 */
#bo_v a.btn_b01 {}
#bo_v a.btn_b01:focus, #bo_v a.btn_b01:hover {}
#bo_v a.btn_b02 {}
#bo_v a.btn_b02:focus, #bo_v a.btn_b02:hover {}
#bo_v a.btn_admin {} /* 관리자 전용 버튼 */
#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {}

/* 쓰기 버튼 */
#bo_w .btn_confirm {} /* 서식단계 진행 */
#bo_w .btn_submit {}
#bo_w button.btn_submit {}
#bo_w fieldset .btn_submit {}
#bo_w .btn_cancel {}
#bo_w button.btn_cancel {}
#bo_w .btn_cancel:focus, #bo_w .btn_cancel:hover {}
#bo_w a.btn_frmline, #bo_w button.btn_frmline {} /* 우편번호검색버튼 등 */
#bo_w button.btn_frmline {}

/* 기본 테이블 */
/* 목록 테이블 */
#bo_list .tbl_head01 {}
#bo_list .tbl_head01 caption {}
#bo_list .tbl_head01 thead th {}
#bo_list .tbl_head01 thead a {}
#bo_list .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_list .tbl_head01 tfoot th {}
#bo_list .tbl_head01 tfoot td {}
#bo_list .tbl_head01 tbody th {}
#bo_list .tbl_head01 td {}
#bo_list .tbl_head01 a {}
#bo_list td.empty_table {}

/* 읽기 내 테이블 */
#bo_v .tbl_head01 {}
#bo_v .tbl_head01 caption {}
#bo_v .tbl_head01 thead th {}
#bo_v .tbl_head01 thead a {}
#bo_v .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_v .tbl_head01 tfoot th {}
#bo_v .tbl_head01 tfoot td {}
#bo_v .tbl_head01 tbody th {}
#bo_v .tbl_head01 td {}
#bo_v .tbl_head01 a {}
#bo_v td.empty_table {}

/* 쓰기 테이블 */
#bo_w table {}
#bo_w caption {}
#bo_w .frm_info {}
#bo_w .frm_address {}
#bo_w .frm_file {}

#bo_w .tbl_frm01 {}
#bo_w .tbl_frm01 th {}
#bo_w .tbl_frm01 td {}
#bo_w .tbl_frm01 textarea, #bo_w tbl_frm01 .frm_input {}
#bo_w .tbl_frm01 textarea {}
/*
#bo_w .tbl_frm01 #captcha {}
#bo_w .tbl_frm01 #captcha input {}
*/
#bo_w .tbl_frm01 a {}

/* 필수입력 */
#bo_w .required, #bo_w textarea.required {}

#bo_w .cke_sc {}
#bo_w button.btn_cke_sc{}
#bo_w .cke_sc_def {}
#bo_w .cke_sc_def dl {}
#bo_w .cke_sc_def dl:after {}
#bo_w .cke_sc_def dt, #bo_w .cke_sc_def dd {}
#bo_w .cke_sc_def dt {}
#bo_w .cke_sc_def dd {}

/* ### 기본 스타일 커스터마이징 끝 ### */

/* 게시판 목록 */
#bo_list .td_board {width:120px;text-align:center}
#bo_list .td_chk {width:30px;text-align:center}
#bo_list .td_date {width:60px;text-align:center}
#bo_list .td_datetime {width:110px;text-align:center}
#bo_list .td_group {width:100px;text-align:center}
#bo_list .td_mb_id {width:100px;text-align:center}
#bo_list .td_mng {width:80px;text-align:center}
#bo_list .td_name {width:100px;text-align:left}
#bo_list .td_nick {width:100px;text-align:center}
#bo_list .td_num {width:50px;text-align:center}
#bo_list .td_numbig {width:80px;text-align:center}

#bo_list .txt_active {color:#5d910b}
#bo_list .txt_expired {color:#ccc}

#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {margin-bottom:10px;padding-left:1px;zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {float:left;margin-bottom:-1px}
#bo_cate a {display:block;position:relative;margin-left:-1px;padding:6px 0 5px;width:90px;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none}
#bo_cate #bo_cate_on {z-index:2;border:1px solid #565e60;background:#fff;color:#565e60;font-weight:bold}

.td_subject img {margin-left:3px}

/* 게시판 목록 공통 */
.bo_fx {margin-bottom:5px;zoom:1}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
#bo_list_total {float:left;padding-top:5px}
.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
.btn_bo_user li {float:left;margin-left:5px}
.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:5px}
.btn_bo_adm input {padding:8px;border:0;background:#968780;color:#fff;text-decoration:none;vertical-align:middle}
.bo_notice td {background:#f5f6fa}
.bo_notice td a {font-weight:bold}
.td_num strong {color:#000}
.bo_cate_link {display:inline-block;margin:0 3px 0 0;padding:0 6px 0 0;border-right:1px solid #e7f1ed;color:#999 !important;font-weight:bold;text-decoration:none} /* 글제목줄 분류스타일 */
.bo_current {color:#968780}
#bo_list .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

#bo_sch {margin-bottom:10px;padding-top:5px;text-align:center}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}

/* 게시판 쓰기 */
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute;top:24px;right:117px;padding:8px;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;overflow-y:scroll}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:right}
#autosave_pop button {margin:0;padding:0;border:0;background:transparent}
#autosave_pop ul {margin:10px 0;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #e9e9e9;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right}
.autosave_close {cursor:pointer}
.autosave_content {display:none}

/* 게시판 읽기 */
#bo_v {margin-bottom:20px;padding-bottom:20px}

#bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em}

#bo_v_title {padding:10px 0;font-size:1.2em}

#bo_v_info {padding:0 0 10px;border-bottom:1px solid #ddd}
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_info strong {display:inline-block;margin:0 15px 0 5px;font-weight:normal}
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest {font-weight:bold}

#bo_v_file {}
#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;padding:0;list-style:none}
#bo_v_file li {padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa}
#bo_v_file a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word}
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
#bo_v_file img {float:left;margin:0 10px 0 0}
.bo_v_file_cnt {display:inline-block;margin:0 0 3px 16px}

#bo_v_link {}
#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_link ul {margin:0;padding:0;list-style:none}
#bo_v_link li {padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa}
#bo_v_link a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word}
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
.bo_v_link_cnt {display:inline-block;margin:0 0 3px 16px}

#bo_v_top {margin:0 0 10px;padding:10px 0;zoom:1}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_top ul {margin:0;padding:0;list-style:none}

#bo_v_bot {zoom:1}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_bot ul {margin:0;padding:0;list-style:none}

.bo_v_nb {float:left}
.bo_v_nb li {float:left;margin-right:5px}
.bo_v_com {float:right}
.bo_v_com li {float:left;margin-left:5px}

#bo_v_atc {min-height:200px;height:auto !important;height:200px}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}

#bo_v_con {margin-bottom:30px;width:100%;line-height:1.7em;word-break:break-all;overflow:hidden}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

#bo_v_act {margin-bottom:30px;text-align:center}
#bo_v_act .bo_v_act_gng {position:relative}
#bo_v_act a {margin-right:5px;vertical-align:middle}
#bo_v_act strong {color:#ff3061}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}

#bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;margin:0 5px 0 0}

/* 게시판 댓글 */
#bo_vc {margin:0 0 20px;padding:20px 20px 10px;border:1px solid #e5e8ec;background:#f5f8f9}
#bo_vc h2 {margin-bottom:10px}
#bo_vc article {padding:0 0 10px;border-top:1px dotted #ccc}
#bo_vc header {position:relative;padding:15px 0 5px}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#bo_vc .sv_wrap {margin-right:15px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo {display:inline-block;margin:0 15px 0 5px}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc a {color:#000;text-decoration:none}
#bo_vc p {padding:0 0 5px;line-height:1.8em}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:none}
#bo_vc_empty {margin:0;padding:20px !important;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc footer {zoom:1}
#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}

.bo_vc_act {float:right;margin:0;list-style:none;zoom:1}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {float:left;margin-left:5px}

#bo_vc_w {position:relative;margin:0 0 10px;padding:0 0 20px;border-bottom:1px solid #cfded8}
#bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc_w #char_cnt {display:block;margin:0 0 5px}

#bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 20px 0 0}
#bo_vc_sns input {margin:0 0 0 5px}