table {border-spacing:0; border-collapse:collapse;width:100%;margin:0 auto 20px;} 
input.txt {border:1px solid #ccc; background-color:#f7f7f7; height:15px; font-size:1em}

.lstTop{margin:0 auto 10px;*zoom:1;}
.lstTop:after{content:"";display:block;clear:both;height:0;}
.lstTop select,.lstTop input{vertical-align:top;}
.lstTop .posi-L{float:left;padding-top:6px;}
.lstTop .posi-L strong{color:#2f6fce;}
.lstTop .posi-R{float:right;}
.lstTop .posi-R input.txt{background:#f3f3f3;width:180px; height:19px; padding-right:10px;}
.lstTop .posi-R input.btn_srch {margin-left:-10px;}

.viw th{width:15%;border:solid #b9c5d7;border-width:1px 1px 1px 0;padding:6px 10px;background:#e4edf6;font:bold 12px/12px nanumgothic,malgungothic,dotum,Arial, Helvetica, sans-serif;color:#225ea7;text-align:left;}
.viw td{border:solid #b9c5d7;border-width:1px 0;padding:6px 10px;line-height:20px;}
.viw td.link a{color:#3968a8;}

.lst tr.bg,.lst tr.bg td{background:#f5faff;}
.lst th{color:#333; border-top:2px solid #4a5462;border-bottom:1px solid #bcb4a2; padding:10px 0}
.lst td{border-bottom:1px solid #ccc;text-align:center;line-height:3;}
.lst td.txt-L{text-align:left;}
.lst td.line {line-height:150%; padding:8px;}
.lst tr:hover {background-color:#f7f7f7}
.lst thead tr:hover {background:none;}
.lst td span img {vertical-align:middle; margin-right:5px}

.narrow td {letter-spacing:-1px}
.narrowV td {padding:5px 5px; line-height:130%}
.lineH td, .lineH th {line-height:150%;}

/* 테이블-콘텐츠 */
.lst_con {border-top:2px solid #4a5462;}
.lst_con th{color:#333; border-bottom:1px solid #bcb4a2; padding:10px 0}
.lst_con td{border-bottom:1px solid #ccc;line-height:130%;padding:10px 0 10px 5px; white-space:normal;}
.lst_con td.dashedline{border-bottom:1px dashed #ccc;}
.lst_con table th.depth2{ border-top:1px solid #4a5462; background:#ebf4ff;}
.lst_con table th.line-R, .lst_con table td.line-R {border-right:1px solid #ccc;}
.lst_con thead tr:hover { background:none}
.lst_con td.empty {background:#fafafa;}
.lst_con td.divider{border-bottom:1px solid #777;}

.lst_con table.line td,.lst_con table.line th {border-left:1px solid #ccc;}
.lst_con table.line td:first-child, .lst_con table.line th:first-child {border-left:0;}

.lst_row th {border-bottom:1px solid #ccc; border-top:0}

/* viw */
.viw{margin-bottom:0px;}
.viw h3 {border-top:2px solid #4a5462;padding:10px 0;color:#333; text-align:center; font-size:18px;}
.viw-title{color:#25384e; background-color:#e4eefb;}
.viw-title dt{float:left;width:57px;}
.viw-title dd{float:left;width:657px;line-height:29px;}
.viw-title dd strong{float:left;}
.viw-title dd em{float:right;display:inline-block;padding-right:10px;}
.viw-wrtInfo{background:#fff;border-bottom:1px solid #ccc; border-top:1px dashed #bcb4a2}
.viw-wrtInfo dl{float:right;}
.viw-wrtInfo dt{float:left;padding-left:13px;line-height:27px; font-weight:bold}
.viw-wrtInfo dd{float:left;line-height:27px;padding-right:15px; padding-left:5px}

.viw-wrtInfo2{border:4px solid #d7dee8;padding:14px 10px;margin-top:10px;}
.viw-wrtInfo2 dt{float:left;color:#3968a8;font-weight:bold;border-right:1px solid #3968a8;height:12px;padding-right:7px;}
.viw-wrtInfo2 dd{color:#595959;height:12px;padding:0 30px 0 10px;float:left;}

.viw-txt dd{padding:26px 5px;line-height:20px;border-bottom:1px solid #b9c5d7;}
.viw-file,.viw-file a{color:#3968a8;line-height:27px;background:#f5faff;font-weight:bold;}
.viw-file{border-bottom:1px solid #b9c5d7;}
.viw-file dt{float:left;margin:0 10px;}
.viw-img dd{padding:10px;text-align:center;}
.viw-img dd img{width:85%;}

.viw-attach{background:#f7f7f7;border-bottom:1px solid #b9c5d7; margin-bottom:26px;}
.viw-attach dl{float:left;}
.viw-attach dt{float:left;padding-left:13px;line-height:27px; font-weight:bold}
.viw-attach dd{float:left;line-height:27px;padding-right:15px; padding-left:5px}
.viw-attach dd a { border-bottom:1px dotted #36c; color:#36c;}

/* wrt */
.board .wrt th, .board .wrt td{border-bottom:1px solid #bcb4a2;border-top:1px solid #bcb4a2;}
.board .wrt th{width:78px;padding:6px 14px;text-align:left;border-right:1px solid #bcb4a2;background:#e0dcd2;color:#443029;}
.board .wrt td{padding:6px 10px;}
.board .wrt td input.txt{background:#fff;border:1px solid;border-color:#c3c3c3 #dfdfdf #dfdfdf #c3c3c3;background:#fafafa;padding:4px 2px 2px;height:12px;}
.board .wrt td input.wdx30 {width:100px}

/* 이미지게시판 */
.photolst ul{ position:relative; margin:0 0 20px 0; padding:0; border:1px solid #ddd; border-left:0; border-right:0; list-style:none; overflow:hidden; font-size:12px; *zoom:1;}
.photolst ul:after{ content:""; display:block; clear:both;}
.photolst li{ position:relative; top:1px; float:left; width:205px; height:250px; overflow:hidden; border-bottom:1px solid #eee;}
.photolst .thumb{ position:relative; display:block; width:185px; height:136px; line-height:136px; overflow:hidden; text-align:center; background:#eee; color:#666; white-space:nowrap;}
.photolst .thumb img{ display:block; border:0;width:185px;}/* height:146px;*/
.photolst .thumb em{ position:absolute; visibility:hidden; width:1px; height:1px; left:0; bottom:0; text-align:center; background:#000; opacity:.4; filter:alpha(opacity=50); color:#fff; font-weight:bold; font-style:normal;}
.photolst .thumb em{ _width:100%; _height:auto; _line-height:20px; _visibility:visible;}
.photolst a{ display:block; width:185px; padding:20px 0 0 0; margin:0 auto; text-decoration:none; cursor:pointer;}
.photolst a strong{ display:inline-block; margin:8px 0 0 0; color:#333; line-height:130%; word-break:break-all;}
.photolst p{ width:185px; margin:0 auto; font-size:11px; color:#767676;}
.photolst a:hover strong,
.photolst a:active strong,
.photolst a:focus strong{ text-decoration:underline;}
.photolst a:hover .thumb,
.photolst a:active .thumb,
.photolst a:focus .thumb{ border:3px solid #eee; margin:-3px; -moz-box-shadow:0 0 5px #666; -webkit-box-shadow:0 0 5px #999;}
.photolst a:hover .thumb em,
.photolst a:active .thumb em,
.photolst a:focus .thumb em{ width:100%; height:auto; visibility:visible;}

.viw .photolst p{ padding:20px 0}
.viw .photolst ul {border-top:0}
.viw .photolst li a{ padding:0 0 25px 0;}

.imgArea{padding:25px 10px;text-align:center;}
.imgArea span{display:inline-block;margin:0 3px;}
.imgArea span img{display:block;width:100%;margin-bottom:7px;}




/* login */
.login .join {background:#f6f6f6;border:1px solid #e2e2e2;padding:36px 0 28px 49px;}
.login .join h4{float:left;padding-right:70px;}
.login .join dl{float:left;padding-top:24px;width:216px;}
.login .join dl dt{float:left;height:25px;}
.login .join dl dd{float:left;width:152px;height:25px;}
.login .join dl dd input.txt{width:146px;height:12px;padding:3px 2px 2px;border-color:#c5c4c0; background-color:#fff}
.login .join input.imgBtn{margin-top:24px;}

/* 이용약관 */
.terms .copy{margin-bottom:25px;}
.terms h4.bk img{float:left;}
.terms h4.bk span{float:right;color:#314d84;}
.terms .box {background:#f6f6f6;border:1px solid #e2e2e2;padding:24px 0;margin-bottom:14px;}
.terms .box div{overflow:auto;height:150px;white-space:pre;width:700px;margin:0 auto;}
.terms .agreeArea{margin-bottom:34px;}

/* Pagination */
.pagination{ padding:20px 0 0; text-align:center; line-height:normal;}
.pagination span a,
.pagination strong{ position:relative; color:#333; font:12px/12px Tahoma, Sans-serif; vertical-align:top; display:inline-block; text-decoration:none; padding:8px 9px; background-color:#fff; z-index:2;border:1px solid #ccc;min-width:10px;}
.pagination span{display:inline-block;vertical-align:top;}
.pagination span a:hover,
.pagination span a:active,
.pagination span a:focus,
.pagination strong{ color:#fff;background-color:#333;text-decoration:none;letter-spacing:0px;border:1px solid #333;}
.pagination strong{font-weight:bold;}

.pagination .direction{z-index:11;padding:0;width:28px;height:28px;font-size:0;line-height:0;display:inline-block;border:1px solid #ccc;}
.pagination .direction:hover{background-position:0 -28px;border:1px solid #333;}
.pagination .prevprev{background:url(../images/common/paging_prevprev.gif) no-repeat 0 0;}
.pagination .prev{background:url(../images/common/paging_prev.gif) no-repeat 0 0;}
.pagination .next{background:url(../images/common/paging_next.gif) no-repeat 0 0;}
.pagination .nextnext{background:url(../images/common/paging_nextnext.gif) no-repeat 0 0;}


.btnArea { padding:1em 0 2em; text-align:right;}
.btnArea li {float:left; margin-right:5px}
.ie7 input[type="button"], .ie7 input[type="submit"]{padding:.25em .8em .27em; text-shadow:none; box-shadow:none; filter:none}
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size:1.1em; font-weight:bold;
	padding: .4em 1.8em .5em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	border-radius: .3em;
	
}
.button:hover { text-decoration: none; }
.button:active {
	position: relative;	top: 1px;}

.smbutton {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
*display: inline;
	vertical-align: baseline;
	margin: 0;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size:.9em; font-weight:bold;
	padding: .4em 1.5em .4em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	border-radius: .3em;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);

}
.ie7 .smbutton {padding: .4em 1em .5em;text-shadow:none;filter:none}
.ie8 .smbutton {text-shadow:none;}
.smbutton:hover { text-decoration: none; }
.smbutton:active {
	position: relative;
	top: 1px;
}
.xsmbutton {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
*display: inline;
	vertical-align: middle;
	margin: 0;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size:.9em; font-weight:bold;
	padding: .4em .9em .35em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	border-radius: .3em;
	line-height:1;

}
/* gray */
.gray {
	color: #fff;
	border: solid 1px #555;
	background: #6e6e6e;
	background: linear-gradient(180deg, #888, #575757);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
	background: #616161;
	background: linear-gradient(180deg, #757575, #4b4b4b);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
	color: #afafaf;
	background: linear-gradient(180deg, #575757, #888);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}
a.gray {color:#fff}
/* blue */
.blue {
	color: #fff !important;
	border: solid 1px #417bb9;
	background: #4e88c7;
	background: linear-gradient(180deg, #70a3db, #4e88c7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70a3db', endColorstr='#4e88c7');
}
.blue:hover {
	background: #4275bb;
	background: linear-gradient(180deg, #528bc9, #3167af);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#528bc9', endColorstr='#3167af');
}
.blue:active {
	color: #b2d1f2;
	background: linear-gradient(180deg, #3167af, #4e88c7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3167af', endColorstr='#4e88c7');
}
/* white */
.whiteBtn {
	color: #474747;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: linear-gradient(180deg, #fff, #ededed);
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');*/
}
.whiteBtn:hover {
	color: #606060 !important;
	background: #ededed;
	background: linear-gradient(180deg, #fff, #dcdcdc);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.whiteBtn:active {
	color: #999;
	background: linear-gradient(180deg, #ededed, #fff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}
.bigBtn {font-size:1.4em}
.lineTop {border-top:1px solid #ccc; margin-top:25px; padding-top:20px; text-align:center}
.lineTop2 {margin-top:25px; padding-top:20px; text-align:center; clear:both}