@charset "utf-8";
/* CSS Document */
body {background:#ffffff;}
#main {background:#fff;}
#main.board {padding-left:0; padding-right:0;}
#boardSkin {width:100%;}
#boardSkin input { vertical-align:middle;}
#boardSkin select { background:#ffffff; border:1px solid #e0e0e0; padding:2px; vertical-align:middle; }
#boardSkin .textForm { background:#ffffff; border:1px solid #e0e0e0; padding:3px; }
#boardSkin .middleCon { vertical-align:middle;}
#boardSkin a { color:#333333; }
#boardSkin a:hover { color:#ed9072; text-decoration:none;}
#boardSkin .clr { clear:both;}

/*############################################################# 리스트 #############################################################*/

#boardSkin .no_data {padding:50px; text-align:center; background:#f7f7f7;}
.boardList {}
.boardList > ul {overflow:hidden; margin:-10px; text-align:center;}
.boardList > ul > li {float:left; width:25%; padding:10px;}
.boardList > ul > li > div {border:1px solid #e6e6e6;}
.boardList .box {padding:9px; border:1px solid #e6e6e6;}
.boardList .imgWrap {overflow:hidden; position:relative; padding-bottom:91.22%;}
.boardList .imgWrap img {position:absolute; top:0; left:0; width:100%; height:auto; min-height:100%;}
.boardList .cont {position:relative;height:90px; padding-top:5px; text-align:left;}
.boardList .date {font-size:12px; color:#b2b2b2;}
.boardList .category {height:20px; margin-top:2px; font-size:14px; color:#333333;}
.boardList .title {height:22px; overflow:hidden; font-size:16px; color:#333; white-space:nowrap; text-overflow:ellipsis;}
.boardList .title * {vertical-align:middle;}
.boardList .hit {font-size:12px; color:#828282; text-align:right;}
.boardList .name {position:absolute; left:0px; bottom:0px; color:#718ad2;}
.btn_login {position:absolute; top:0; left:50%; width:50%; bottom:0; background:url('../images/login.png') no-repeat center rgba(51,51,51,0.75);}
.boardList .bListInfo {display:inline-block;}

/*############################################################# 검색 #############################################################*/

#boardSkin #searchBox { padding-bottom:14px; text-align:center;}

/*############################################################# 카테고리 #############################################################*/

#categoryBox {overflow:hidden; margin-bottom:70px; text-align:left;}
#categoryBox .category {overflow:hidden; border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; vertical-align:top;}
#categoryBox .category li {float:left; width:20%; vertical-align:middle; background:#fff;}
#categoryBox .category li a {display:block; text-align:center; font-size:18px; line-height:52px; font-weight:normal; color:#333333; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
#categoryBox .category li a {border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
#categoryBox .category li a:hover {background:#73787c; color:#fff; font-weight:400; text-decoration:none;}
#categoryBox .category li.select a { background:#73787c; color:#fff;}
#categoryBox .category li.select a:hover { background:#73787c; color:#fff; text-decoration:none;}




/*############################################################# 버튼영역 #############################################################*/

#boardSkin .btnArea_list {position:absolute; top:0; right:0; text-align:right;}
#boardSkin .btnArea { text-align:center;}
#boardSkin .btnArea2 { text-align:right; padding-top:20px;}
#boardSkin .btnArea3 { text-align:center; padding-top:20px;}

/*############################################################# 페이징 #############################################################*/

#boardSkin .pageArea { text-align:center; margin-top:45px;}
#boardSkin .pageArea .pagingList { text-align:center; display:inline-block; .display:inline; zoom:1;}
#boardSkin .pageArea .pagingList li { text-align:center; display: inline; float:left; padding:5px;}
#boardSkin .pageArea .paging { text-align:center; display:inline-block; .display:inline; zoom:1;}
#boardSkin .pageArea .paging li { text-align:center; display: inline; float:left;}
#boardSkin .pageArea .paging li, 
#boardSkin .pageArea .paging li a { font-size:15pt; font-weight:normal;}
#boardSkin .pageArea .paging .over { color:#ed9072; font-weight:bold;}



#boardSkin .btnArea_list {}
#boardSkin .boardBottom {display:inline-block; position:relative; width:100%; margin-top:35px;}


.sbtn1 { display:inline-block; width:100px; border:1px solid #cccccc; border-radius:3px; padding: 3px 0px; background:#f7f7f7; font-size:15px; text-align:center; color:#4c4c4c !important; text-decoration:none; cursor:pointer;}
input[type="file"] {margin-right:20px;}
.fileList li {margin-bottom:10px;}

/*################################# view #################################*/

#boardSkin .subjectBox { text-align:center; border-top:2px solid #555555; border-bottom:1px solid #d7d7d7; padding:8px 0; color:#333333; font-weight:bold;}
#boardSkin .infor { border-bottom:1px solid #dfdfdf; padding:8px 0;}
#boardSkin .infor ul { text-align:left; display:inline-block; .display:inline; zoom:1; padding-left:10px;}
#boardSkin .infor ul li { text-align:left; display: inline; float:left; color:#999999;}
#boardSkin .infor ul li.bg { background:url(../images/icon_gubun.gif) no-repeat right 0; padding-right:20px;}
#boardSkin .file { background:#f8f8f8; border-bottom:1px solid #dfdfdf; padding:6px 0;}
#boardSkin .file ul { text-align:left; display:inline-block; .display:inline; zoom:1; padding-left:10px;}
#boardSkin .file li { text-align:left; color:#333333; padding:2px 0 2px 15px; background:url(../images/icon_file.gif) no-repeat left 2px;}
#boardSkin .file li a { color:#a3a29f; font-weight:bold; text-decoration:underline;}
#boardSkin .contents { padding:20px 10px 40px 10px; border-bottom:1px solid #dfdfdf; line-height:150%; }
#boardSkin .contents .imgWrap { margin-bottom:7px; text-align:center;}
#boardSkin .goList {}
#boardSkin .goList ul {}
#boardSkin .goList ul li { border-bottom:1px solid #dfdfdf; padding:7px 0 7px 80px;}
#boardSkin .goList ul li.prev { background:url(../images/view_tt_prev.gif) no-repeat center left;}
#boardSkin .goList ul li.next { background:url(../images/view_tt_next.gif) no-repeat center left;}

/*################################# write #################################*/

#boardSkin .agreeBox { background:#f8f8f8; border:1px solid #dddddd; padding:20px;}
#boardSkin .agreeBox .agreeText { }
#boardSkin .agreeBox p { text-align:center; padding-top:15px;}
#boardSkin .agreeBox table { width:100%; border-top:2px solid #000; background:#FFF;}
#boardSkin .agreeBox table th, 
#boardSkin .agreeBox table td { border:1px solid #d4dadd; padding:10px; font-size:15px; text-align:center;}
#boardSkin .agreeBox table th { color:#000; background:#ececec;}

#boardSkin #writeForm { border-top:2px solid #000000; margin-top:20px;}
#boardSkin #writeForm th,
#boardSkin #writeForm td { border-bottom:1px solid #dfdfdf; padding:7px 0; text-align:left;}
#boardSkin #writeForm th { font-weight:bold; color:#585858; padding-left:15px;}
#boardSkin #writeForm td .tt { color:#499fcb; letter-spacing:-1px; margin-left:10px;}