@charset "utf-8";
/* CSS Document */

#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:underline;}*/
#boardSkin .clr { clear:both;}
#boardSkin .noimg { border:1px solid #e4e4e4;}

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

/*
#boardSkin .boardWrap { padding:15px 0; border-top:2px solid #555555; border-bottom:1px solid #d7d7d7; }
#boardSkin #boardList { width:100%; }
#boardSkin #boardList thead { }
#boardSkin #boardList tbody { }
#boardSkin #boardList tbody td { padding:7px 0 20px 0; text-align:center;}
#boardSkin #boardList tbody td .photoZone { margin:0 auto; text-align:center;}
#boardSkin #boardList tbody td .photoZone h3,
#boardSkin #boardList tbody td .photoZone h3 a {  color:#333333; font-weight:400; line-height:140%; margin-top:7px;text-align:center;}
#boardSkin #boardList tbody td .photoZone p { color:#666666; font-weight:normal; line-height:150%; padding:3px 0;}  
#boardSkin #boardList tbody td .photoZone span {  color:#999999; display:block; padding-top:4px;text-align:center;}
*/
#boardList {overflow:hidden; margin-left:-25px; margin-top:40px;}
#boardList li {float:left; width:33.33%; padding-left:25px; margin-bottom:20px;}
#boardList .beforeAfter {position:relative; overflow:hidden; height:200px;}
#boardList.loginBefore .beforeAfter:after {position:absolute; top:0; left:0; bottom:0; z-index:2; width:50%; font-size:20px; color:#fff; line-height:200px; text-decoration:none; text-align:center; background:rgba(0,0,0,0.7); content:'BEFORE';}
#boardList .beforeAfter img {float:left; width:50%; height:100%;}
#boardList .cont {height:95px; padding:15px 20px; font-size:20px; color:#201c22; background:#f6f6f6;}
#boardList .cont .category {color:#bd59c1;}
#boardList .cont .info {overflow:hidden; padding-top:8px; font-size:17px; color:#201c22;}
#boardList .cont .date {float:left; padding-left:20px; background:url('../images/ico_calendar.png') no-repeat 0 center;}
#boardList .cont .hit {float:right;}

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

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

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

#boardSkin #categoryBox {text-align:left; border:0;}
#boardSkin #categoryBox ul {display:table; width:100%; border:1px solid #d3d3d3;}
#boardSkin #categoryBox ul li {display:table-cell; width:14.285%;}
#boardSkin #categoryBox ul li+li {border-left:1px solid #d3d3d3;}
#boardSkin #categoryBox ul li a {display:block; text-align:center; font-size:17px; color:#000000; line-height:48px; text-decoration:none; font-weight:400; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
#boardSkin #categoryBox ul li.select a, #boardSkin #categoryBox ul li a:hover {color:#fff; background:#000;}
/*
#boardSkin #categoryBox .category { width:100%; display:block;}
#boardSkin #categoryBox .category li { margin:2px; width:11.7%;float:left; display:inline-block; .display:inline; zoom:1; vertical-align:middle; border:1px solid #e0e0e0;}
#boardSkin #categoryBox .category li a { width:100%; padding:12px 0; display:block; text-align:center; background:#f5f5f5; font-weight:normal; color:#333;}
#boardSkin #categoryBox .category li a:hover { background:#ffffff; color:#000; font-weight:500; text-decoration:none;}
#boardSkin #categoryBox .category li.select a { background:#465daa; color:#ffffff; font-weight:500;}
#boardSkin #categoryBox .category li.select a:hover { background:#465daa; color:#ffffff; font-weight:500; text-decoration:none;}
#boardSkin #categoryBox .category li.bg { }

*/

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

#boardSkin .btnArea_list { text-align:right; position:relative;}
#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; padding-top:10px;}
#boardSkin .pageArea .pagingList { text-align:center; display:inline-block; .display:inline; zoom:1;}
#boardSkin .pageArea .pagingList * {vertical-align:middle;}
#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; float:left;}
#boardSkin .pageArea .paging li, 
#boardSkin .pageArea .paging li a {padding:0 7px; font-size:15pt; font-weight:normal; line-height:35px;}
#boardSkin .pageArea .paging .over { color:#ed9072; font-weight:500;}

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

#boardSkin .subjectBox { text-align:center; border-top:2px solid #555555; border-bottom:1px solid #d7d7d7; padding:8px 0; color:#333333; font-weight:500;}
#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:500; text-decoration:underline;}
#boardSkin .contents { padding:20px 0 40px 0; 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 { height:120px; overflow:auto; line-height:150%;}
#boardSkin .agreeBox p { padding-top:15px; text-align:center;}

#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:500; color:#585858; padding-left:15px;}

#boardSkin #writeForm td .tt { color:#499fcb; letter-spacing:-1px; margin-left:10px;}