/*
BM Story Web Team(http://www.wsu.ac.kr/)
Author: Hyun-jin, Jeon 10.2011
*/

/*--- Skin : blackRed ---*/
.blackRedPic em,
.blackRedPage a.on,
.blackRedPage a.num:hover{color:#0072bc} /* 특정 텍스트 컬러 */

.blackRedWrite, .blackRedPic, .blackRed{border-top-color:#0072bc} /* 맨 위 라인 컬러 */
.blackRed thead th, .blackRed thead td,
.blackRed tbody tr:hover{background-color:#3b3b3b} /* 맨 위 배경 컬러 */
.blackRedWrite, .blackRedWrite li, .blackRedPic, .blackRed th, .blackRed td, .blackRedBtn{border-bottom-color:#646464} /* 일반 라인 컬러 */
.blackRed thead th.subject{color:#fff}

.blackRedPic li .pic a{width:150px; height:100px; border-color:#4e4e4e; background-color:#3b3b3b}
.blackRedPic li .pic a:hover{border-color:#0072bc}
.blackRedPic li dd.date{color:#6e6e6e}

.blackRedWrite input, .blackRedWrite textarea{border-color:#4e4e4e; background-color:#3b3b3b}

.blackRedBtn a{border-color:#4e4e4e; background-color:#414141; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} /* 일반 버튼 컬러 */
.blackRedBtn a:hover{border-color:#0072bc; background-color:#0072bc; color:#fff; text-decoration:none} /* 일반 버튼 오버시 컬러 */
.blackRedSearch input{border-color:#707070; background-color:#404040; color:#e1e1e1} /* 검색 박스 컬러 */
.blackRedSearch a{border-color:#0072bc; background-color:#0072bc; color:#fff} /* 검색 버튼 컬러 */

.blackRedBtn input{padding:3px 10px; color:#e1e1e1; font-size:12px; font-weight:bold; border:1px solid #4e4e4e; background-color:#414141; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} /* 일반 버튼 컬러 */
.blackRedBtn input:hover{border-color:#0072bc; background-color:#0072bc; color:#fff; text-decoration:none} /* 일반 버튼 오버시 컬러 */

/*--- Skin : whiteRed ---*/
.whiteRedPic em,
.whiteRedPage a.on,
.whiteRedPage a.num:hover{color:#0072bc} /* 특정 텍스트 컬러 */

.whiteRedWrite, .whiteRedPic, .whiteRed{border-top-color:#898989} /* 맨 위 라인 컬러 */
.whiteRed thead th, .whiteRed thead td{background-color:#f5f5f5}/* 맨 위 배경 컬러 */
.whiteRedWrite, .whiteRedWrite li, .whiteRedPic, .whiteRed th, .whiteRed td, .whiteRedBtn{border-bottom-color:#ccc} /* 일반 라인 컬러 */
.whiteRed thead th.subject{color:#666}

.whiteRedReply li{border-color:#ccc}
.whiteRedReply .replyTable{background-color:#f2f2f2}
.whiteRedReply .replyBtn a{background-color:#ccc; color:#666; font-weight:bold}
.whiteRedReply .replyBtn a:hover{background-color:#0072bc; color:#fff; text-decoration:none}
.whiteRedReply input, .whiteRedReply textarea{padding:3px; border:1px solid #b0b0b0}

.whiteRedPic li .pic a{width:150px; height:100px; border-color:#999}
.whiteRedPic li .pic a:hover{border-color:#0072bc}
.whiteRedPic li dd.date{color:#6e6e6e}

.whiteRedWrite input, .whiteRedWrite textarea{ }

.whiteRedBtn a{border-color:#b0b0b0; background-color:#f2f2f2; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} /* 일반 버튼 컬러 */
.whiteRedBtn a:hover{border-color:#0072bc; background-color:#0072bc; color:#fff; text-decoration:none} /* 일반 버튼 오버시 컬러 */
.whiteRedSearch input{border-color:#999; color:#666} /* 검색 박스 컬러 */
.whiteRedSearch a{border-color:#0072bc; background-color:#0072bc; color:#fff} /* 검색 버튼 컬러 */

.whiteRedBtn input{padding:3px 10px; color:#e1e1e1; font-size:12px; font-weight:bold; color:#666; border-width:1px; border-style:solid; border-color:#b0b0b0; background-color:#f2f2f2; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} /* 일반 버튼 컬러 */
.whiteRedBtn input:hover{border-color:#0072bc; background-color:#0072bc; color:#fff; text-decoration:none} /* 일반 버튼 오버시 컬러 */

/*--- Basic ---*/
caption{display:none;}

p{margin-bottom:1em;}
img{border:0; vertical-align:middle;}

input{color:#666666;}
em, address{font-style:normal}

textarea{color:#666666;}
select{color:#666666; height:24px; vertical-align:middle}
ol, ul, li, dl, dt, dd{list-style:none;}
hr{display:none;}
table{border:0;}
table th, table tr, table td{border:0;}
table th{border:0;}

/*--- Table ---*/
.topBtn{text-align:right; margin-bottom:5px; padding-right:5px}

table{position:relative; width:100%; border-collapse:collapse; border-top-width:1px; border-top-style:solid}
table thead th, table thead td{padding:10px; font-size:12px; font-weight:bold; color:#464646; border-bottom-width:1px; border-bottom-style:solid; line-height:100%; text-align:center}
table tbody th, table tbody td{padding:5px; border-bottom-width:1px; border-bottom-style:solid}
.bWrite li.end, table .end th, table .end td{border-bottom-style:solid}

.bList tbody td{text-align:center}
.bList tbody th{text-align:left}
.bList tbody em{font-weight:bold}

.bView thead th{font-size:12px; font-weight:bold}
.bView tbody tr:hover{background:none}
.bView .nameA{text-align:left; font-size:12px; font-weight:bold}
.bView .hitDate{text-align:right;}
.bView .boardContent{padding:20px; font-size:12px}
.bView .boardContent img {max-width:100%}


.bListAlbum{position:relative; overflow:hidden; width:100%; border-width:2px 0 1px 0; border-style:solid}
.bListAlbum li{float:left; margin:10px}
.bListAlbum li .pic a{display:block; border-width:1px; border-style:solid; text-align:center}
.bListAlbum li .pic a:hover{text-decoration:none}
.bListAlbum li .pic a p{padding-top:40px}
.bListAlbum li dl{margin:5px;}
.bListAlbum li dl dt a{font-size:16px;}
.bListAlbum li dl dt em{font-weight:bold}
.bListAlbum li dl dd {padding-left: 0 !important; background:none !important;}

.bWrite{position:relative; width:100%; margin-top:-20px}
.bWrite li{overflow:hidden; padding:5px; border-bottom-width:1px; border-bottom-style:dashed}
.bWrite label{width:100px; float:left; font-size:12px}
.bWrite div{float:left}
.bWrite input, .bWrite textarea{border-width:1px; }
.bWrite textarea{width:100%; height:300px}

.replyArea li{padding:5px; border-bottom-style:solid; border-bottom-width:1px}
.replyArea dl{overflow:hidden}
.replyArea dl dt, .replyArea dl dd{float:left}
.replyArea dl dt{width:10%; font-weight:bold; font-size:11px}
.replyArea dl dd{width:80%}
.replyArea dl dd.close{width:10%; text-align:right}
.replyArea dl dd.close a{font-size:10px; font-weight:bold}
.replyWrite{position:relative}
.replyArea .replyTable{border-top:none}
.replyArea .replyTable th, .replyArea .replyTable td{border-bottom:none}
.replyArea .replyTable td{text-align:left}
.replyArea .replyTable td textarea{width:100%}
.replyArea .replyWrite .replyBtn{position:absolute; top:10px; right:10px}
.replyArea .replyWrite .replyBtn a{display:block; width:60px; padding:20px 0; text-align:center}

.btnArea{overflow:hidden; padding:8px 0}
.btnArea .lBtn{float:left}
.btnArea .rBtn{float:right}
.btnArea a{display:block; float:left; color:#333; padding:2px 10px; margin: 2px; font-size:12px; font-weight:bold; border-width:1px; border-style:solid}
.btnArea .rBtn a {padding:10px 30px; font-size:14px}

.pageArea{padding-top:20px; text-align:center}
.pageArea a{text-decoration:none; font-weight:bold}
.pageArea a.num{margin:0 5px}
.pageArea a.on{text-decoration:underline}

.searchArea{margin-top:10px; text-align:center}
.searchArea input{padding:3px;  border-width:1px; border-style:solid; vertical-align:middle; line-height:100%}
.searchArea a{padding:3px 10px; font-size:12px; border-width:1px; border-style:solid; font-weight:bold; vertical-align:middle}
.searchArea a:hover{text-decoration:none}


.tblStyle1 {position:relative; width:100%; border-top:2px solid #b7b7b7}
.tblStyle1 thead th {border-bottom:1px solid #b7b7b7; padding:17px 15px; background:#f3f3f3; font-size:1.0714285714em /*15px/14px*/; text-align:center}
.tblStyle1 tbody th {text-align:center; font-size:1em /*14px/14px*/; border-bottom:1px solid #dddddd; padding:20px 15px; line-height:18px; font-weight:normal}
.tblStyle1 tbody td {text-align:center; font-size:1em /*14px/14px*/; border-bottom:1px solid #dddddd; padding:20px 15px; line-height:18px}
.tblStyle1 .subject {text-align:left}

.tblStyle2 {position:relative; width:100%; border-top:2px solid #b7b7b7}
.tblStyle2 thead th {border-bottom:1px solid #b7b7b7; padding:17px 15px; background:#f3f3f3; font-size:1.0714285714em /*15px/14px*/; text-align:center}
.tblStyle2 tbody th {text-align:center; font-size:1em /*14px/14px*/; border-bottom:1px solid #dddddd; padding:20px 15px; line-height:18px; font-weight:normal}
.tblStyle2 tbody td {text-align:center; font-size:1em /*14px/14px*/; border-bottom:1px solid #dddddd; padding:20px 15px; line-height:18px}
.tblStyle2 .subject {text-align:left}
.tblStyle2 .nameA {color:#898989}
.tblStyle2 .hitDate {color:#898989}
.tblStyle2 .tl {text-align:left}
.tblStyle2 .mhit {font-size:0.85714285714em /*12px/14px*/; font-weight:normal}
.tblStyle2 .matt {font-size:0.9285714285714em /*13px/14px*/}
.tblStyle2 .boardContent {padding:40px 15px}
.tblStyle2 .boardContent img {max-width:100%}


/*--- Gallery ---*/
/* ==========================================================================
   Board-Gallery
   ========================================================================== */
.board-gallery {margin-bottom: 20px;padding: 20px 0;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}

.board-gallery .list {margin-bottom: 20px}
.board-gallery .info {font-size: 13px;color: #898989}
.board-gallery .list_thumb {position: relative;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;text-align: center;}
.board-gallery .list_thumb h1 {margin:20px 0 10px;font-size: 16px;font-weight:bold}
@media screen and (min-width: 1024px) {
.board-gallery .list .zoom {display: block;overflow: hidden;min-height: 220px;}
}
@media screen and (min-width: 1140px) {
	.board-gallery .list .zoom {display: block;overflow: hidden;max-height: 270px;}
}