/*
    Document   : table.css
    Description:
        테이블 관련 스타일시트입니다. 한방에 적용할수있습니다.
*/

/* 테이블 */
.b_tb {
	width: 100%;
	border-width: 1px;
	border-right: 2px solid #fff;
	border-collapse: collapse;
	margin:0;
	padding:0;
	font-size: 1em;
	font-family:"dotum";
}

.b_tb caption{
	display:none;
}

.b_tb thead th{
	font-size: 1em;
	background:#eee;
	margin:0;
	padding:0;
	height:45px;
	vertical-align:middle;
	text-align:center;
	background:url("/admin/images/t_bg001.gif") repeat-x;
	color:#666;
}

.b_tb menu th{
	font-size: 1em;
	background:#eee;
	margin:0;
	padding:0;
	height:35px;
	vertical-align:middle;
	text-align:center;
	background:url("/") repeat-x;
	color:#666;
}

.b_tb tbody th{
	text-align: middle;
	font-weight: normal;
	color:#666;
	border-bottom:1px solid lightgrey;
}
.b_tb tbody td{
	padding: 5px 0;
	border-bottom:1px solid lightgrey;
	vertical-align:middle;
	color:#666;
}

.b_tb_s {
	width:40px;
}

.tm{
	border-top:1px solid lightgrey;
}
.tm tbody th{
	margin:0;
	border-bottom: 1px solid lightgrey;
	border-right: 1px solid lightgrey;
	vertical-align: middle;
	font-weight: normal;
	background:#f8f8f8;
	color: #666666;
	padding: 6px 6px 6px 10px;
}
.tm tbody td{
	margin:0;
	border-right: 1px solid lightgrey;
	vertical-align: middle;
	font-weight: normal;
	background:#ffffff;
	color: #666666;
	padding: 6px 6px 6px 10px;
}
.tm .tdcol{
	margin:0;
	border-right: 1px solid lightgrey;
	vertical-align: middle;
	font-weight: normal;
	background:#efe7d8;
	color: #666666;
	padding: 6px 6px 6px 10px;
}
/** 폼이 포함된 테이블 **/
.fm{
	width: 1300;
	border-width: 1px;
	border-right: 2px solid #fff;
	border-collapse: collapse;
	margin:0;
	padding:0;
	font-size: 1em;
	font-family:"dotum";
}
.fm tbody th{
	margin:0;
	border-bottom: 1px solid lightgrey;
	border-right: 1px solid lightgrey;
	vertical-align: middle;
	font-weight: normal;
	background:#f8f8f8;
	color: #666666;
	text-align:left;
	padding: 6px 6px 6px 20px;
}
.fm tbody td{
	text-align:left;
	border-right: 1px solid lightgrey;
	padding: 6px 6px 6px 20px;
}

.mopt thead th{
	margin:0;
	height:20px;
	border-bottom: 1px solid lightgrey;
	border-right: 1px solid lightgrey;
	border-top: 1px solid lightgrey;
	vertical-align: middle;
	background:#f8f8f8;
	color: #666666;
	text-align:center;
}

.mopt tbody td{
	border-bottom: 1px solid lightgrey;
	border-right: 1px solid lightgrey;
	text-align:center;
}

.mopt input{
	width:60px;
}
/** 폼이 포함된 테이블 **/
/* //테이블 */

/**
야매입니다.
아니 야매라고 하니까 기분나쁘네 이게 정석입니다.
지금 되어잇는게 비정석입니다.
사실 스타일도 비정석스타일이긴한데 어쨋든..쳇
**/
.common_form h1{
	font-size:14px;
	margin:10px 0 10px 0;
	padding:5px 13px;
	background:#f9f9f9;
	font-family: "dotum";
	color: #487fb8;
	font-weight: bold;
	letter-spacing:-1px;
}
/* 엑셀필드명 설명에서 사용하는 테이블입니다. */
.f2 table, input, textarea, select {
	color:#666666;
	font-family:tahoma,돋움;
	font-size:9pt;
}
.f2 th {
	font-family:돋움;
	font-size:8pt;
	font-size-adjust:none;
	height:30px;
	letter-spacing:-1px;
	line-height:normal;
	padding-top:4px;
	background: transparent url(../images/t_bg001.gif) repeat-x scroll 0 0;
}
.f2 td { text-align:left; height:25px; padding-left: 10px;}
.f2 .fleft { text-align:center; }

/** 달력아이콘을 살짝 옆으로 밀어줍니다. **/
#start_date { margin-right: 2px; }
#end_date { margin-right: 2px; }
#search_sdate { margin-right: 2px; }
#search_edate { margin-right: 2px; }
#reg_start_date { margin-right: 2px; }
#reg_end_date { margin-right: 2px; }
#coupon_start { margin-right: 2px; }
#coupon_end { margin-right: 2px; }
#icon_display_start { margin-right: 2px; }
#icon_display_end { margin-right: 2px; }


/*게시판 버튼*/
    .myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.myButton:active {
	position:relative;
	top:1px;
}

.pa_title{margin-top:18px;background:url("/") repeat-x; width:100%; height:35px;text-align:right;}

/**
board
**/

/* bbs_list */
.bbs_list{clear:both; width:95%; border-top:2px solid #333;}
.bbs_list thead th{font-size:13px; font-weight:700; color:#333; border-bottom:2px solid #d1d1d1;}
.bbs_list tr:hover{background:#fcfcfc;}
.bbs_list th,
.bbs_list td{padding:12px 0 12px 0; text-align:center;}
.bbs_list td{border-bottom:1px solid #e3e3e3;}
.bbs_list .left{padding:12px 0 12px 30px; text-align:left;}
.bbs_list .ongoing,
.bbs_list .acceptEnd,
.bbs_list .check,
.bbs_list .end{font-weight:700;}
.bbs_list .line{ border-right:1px solid #ccc;}
.bbs_list .acceptEnd{color:#363636;}
.bbs_list .check{color:#bf0c0c;}
.bbs_list .end{color:#999;}
.talbe_bg{ background:url(/images/sub/table_title.gif) no-repeat 0 0;}

/* bbs_view */
.bbs_view{table-layout:fixed; clear:both; width:100%;}
.bbs_view th,
.bbs_view td{padding:14px 0; font-size:14px; font-weight:700; text-align:left; color:#363636; border-bottom:1px solid #a7a7a7;}
.bbs_view th.sbj{font-size:20px; color:#333; border-bottom:2px solid #333;}
.bbs_view td.share a{display:block; width:94px; height:19px; padding:0 0 0 24px; line-height:1.4; font-size:12px; font-weight:normal; background:url(../images/kor/common/ico/ico_fb.gif) no-repeat 0 0;}
.bbs_view td.con{padding:30px 10px; font-size:12px; font-weight:normal; color:#4f4f4f; border-bottom:0;}
.bbs_view td.con *{font-family:Nanum Gothic, "돋움" !important; line-height:1.4 !important;}
.bbs_view td.con .eventImg{padding:30px 0; text-align:center;}
.bbs_view span.line{margin:0 0 0 5px; font-weight:normal; color:#999}

/* bbs_prevNext */
.bbs_prevNext th{font-size:13px; color:#333;}


/* bbs_search */
.bbsTitle{float:left; width:200px;}
.bbs_search{float:right; margin:0 0 15px 0;}
.bbs_search input.type-text{width:114px; height:18px; margin:0 10px 0 0; padding:3px 0 0 20px; border:1px solid #cacaca; background:url(../images/kor/common/board/ico_search.gif) no-repeat}

/* bbs_paging */
.paging{margin:15px 0 0 0; text-align:center;}
.paging a{display:inline-block; width:27px; height:18px; margin:0 0 0 -3px; padding:7px 0 0 0; font-family:돋움,'Dotum'; font-size:11px; font-weight:bold; color:#333; text-align:center; vertical-align:top; background:url(../images/kor/common/board/paging_line.gif) no-repeat 0 7px;}
.paging a.current{color:#fff; background:#bd0c0c}
.paging a img{vertical-align:top;}
.paging a.btn_first,
.paging a.btn_last,
.paging a.btn_prev,
.paging a.btn_next{height:25px; padding:0;}
.paging a.btn_prev{margin:0 10px 0 0;}
.paging a.btn_next{margin:0 3px 0 10px;}

/* bbs_btn */
.bbs_btn{margin:20px 0 0 0; padding:15px 0 0 0; border-top:1px solid #a7a7a7; text-align:right;}
.bbs_btn.center{text-align:center;}
.bbs_btn span.btn{margin:0 0 0 5px;}