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

#boardSkin {font-size:13px; color:#222222;}
#boardSkin * { margin: 0; padding: 0; border: 0;}
#boardSkin table {border-collapse: collapse;}
#boardSkin select, #boardSkin input[type="text"], #boardSkin input[type="password"],#boardSkin textarea {background:#ffffff; border:1px solid #d9d9d9; font-size:13px; color:#222222; vertical-align:middle; -webkit-box-sizing:border-box; box-sizing:border-box;}
#boardSkin select {height:30px; padding:3px; vertical-align:middle; -webkit-box-sizing:border-box; box-sizing:border-box;}
#boardSkin .textForm {height:30px; padding:0 5px;}
#boardSkin .middleCon { vertical-align:middle;}
#boardSkin a { color:#222; }
#boardSkin a:hover { text-decoration:none;}
#boardSkin .clr { clear:both;}
.filebox {display:block; position:relative; height:30px; margin-right:75px !important;}
.filebox input[type="file"] {position: absolute; top:-10px; left:0; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.filebox label {position:absolute; top:1px; right:-75px; width:70px; height:30px; color:#222222 !important; text-align:center; line-height:30px; border:1px solid #b5b5b5 !important; background:#f7f5f8; cursor:pointer;}
.filebox input[type="text"] {width:100%;}
#boardSkin .file_img {margin-top:5px;}




.totalCount {float:left; position:relative; top:-35px; height:0; font-size:14px; color:#222;}

/*############################################################# 리스트 #############################################################*/
#boardSkin .no_data {padding:25px 0; text-align:center; font-size:13px; background:#f7f7f7;}
#boardList {}
#boardList li {overflow:hidden; margin-top:25px; background:#f5f5f5;}
#boardList li .img {float:left; overflow:hidden; position:relative; width:50%; padding-bottom:57.95%;}
/*#boardList li .img img {width:100%; height:auto; min-width:100%;} */
#boardList li .img img {position:absolute; top:50%; left:50%; width:100%; height:auto; min-height:100%; min-width:100%; transform: translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%);}
#boardList li .cont {float:left; width:50%; padding:20px 12px;}
#boardList li .cont img {max-height:12px;}
#boardList li .info {padding:8px 0 12px;}
#boardList li .info b {display:block; font-weight:normal; font-size:12px; color:#282828}
#boardList li strong {font-size:15px; color:#363636;}
#boardList li span {display:block; overflow:hidden; height:45px; font-size:13px; line-height:15px; color:#7e7e7f;}
#boardList li.no_data {padding:10px; border:1px solid #b9b9b9; text-align:center;}

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

#searchBox {overflow:hidden; padding-top:15px; text-align:center;}
#searchBox form {display:inline-block;}
#searchBox select, #searchBox input[type='text'] {float:left; height:30px; font-size:13px;}
#searchBox select {width:80px; margin-right:5px;}
#searchBox input[type='text'] {width:150px;}
#searchBox input[type='submit'] {float:left; width:45px; height:30px; border:0px; font-size:13px; color:#fff; background:#959595;}


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

#categoryBox {overflow:hidden; margin-bottom:35px; text-align:left; border:1px solid #fff;}
#categoryBox .category {overflow:hidden; margin:0 -5px; vertical-align:top;}
#categoryBox .category li {float:left; width:33.33%; vertical-align:middle; background:#959595;}
#categoryBox .category li a {display:block; text-align:center; font-size:13px; line-height:35px; font-weight:normal; color:#fff;}
#categoryBox .category li a {border-right:1px solid #fff; border-bottom:1px solid #fff;}
#categoryBox .category li.select a { background:#ff78bb; color:#fff;}

#categoryBox .category.grid4 li {width:50%;}

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


#boardSkin .btnArea {overflow:hidden; position:relative; margin:20px 10px 0; text-align:center;}
#boardSkin .btnArea * {vertical-align:middle;}
#boardSkin .btnArea p.right {text-align:right;}
#boardSkin .btnArea p.left {text-align:left;}
#boardSkin .btnArea .btn02 {margin:0 1px !important;}
.btn01 {display:inline-block; min-width:48px; height:24px; margin:0 1px !important; font-size:12px; color:#fff; line-height:24px; text-align:center; background:#2c2c2c;}
.btn03 {display:inline-block; min-width:80px; height:35px; margin:0 2px !important; font-size:14px; color:#fff; line-height:35px; text-align:center; background:#2c2c2c;}
.btn02 {display:inline-block; width:48px; height:30px; color:#222222 !important; font-size:12px; text-align:center; line-height:28px; border:1px solid #b5b5b5 !important; background:#f7f5f8; cursor:pointer;}


#boardSkin .btnArea a {display:inline-block;}
#boardSkin .btnArea .gray01 {background:#b5b6b8;}

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

#boardSkin .pageArea {text-align:center; padding-top:25px;}
#boardSkin .pageArea .pagingList {text-align:center; display:inline-block; font-size:13px;}
#boardSkin .pageArea .pagingList a {color:#959595;}
#boardSkin .pageArea .paging {display:inline-block; padding:0 10px;}
#boardSkin .pageArea .paging li {display:inline-block;}
#boardSkin .pageArea .paging li:first-child:before, #boardSkin .pageArea .paging li:after {color:#959595; content:'/'}
#boardSkin .pageArea .paging li a {display:inline-block; padding:0 5px; font-weight:normal; line-height:25px;}
#boardSkin .pageArea .paging li.over a {color:#1e1e1e;}



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

#boardSkin {position:relative;}
#boardSkin .subjectBox {text-align:left; border-top:2px solid #8d8e99; border-bottom:1px solid #bfc0c6; padding:15px; font-size:15px; color:#222222; font-weight:bold;}
#boardSkin .infor {overflow:hidden; padding-bottom:7px; font-weight:normal;}
#boardSkin .infor li {float:left; position:relative; font-size:13px; color:#898989;}
#boardSkin .infor li+li {margin-left:15px;}
#boardSkin .infor li+li:before {position:absolute; top:50%; left:-8px; width:1px; height:10px; margin-top:-6px; background:#898989; content:'';}
#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 .bnfImg {overflow:hidden; width:1000px; margin:0 auto 60px; text-align:center;}
#boardSkin .bnfImg > p {float:left; position:relative; width:50%; height:500px;}
#boardSkin .bnfImg > p img {position:absolute; top:50%; left:50%; height:100%; transform: translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%);}
#boardSkin .bnfImg b {position:absolute; left:18px; bottom:18px; width:38px; height:38px; -webkit-border-radius:50%;  border-radius:50%; font-size:18px; line-height:36px; color:#fff; text-align:center; background:rgba(0,0,0,0.4);}
#boardSkin .contents { padding:20px 10px 50px; border-bottom:1px solid #babbc1; font-size:13px; color:#222222; line-height:1.38; text-align:left;}
#boardSkin .contents .imgWrap {margin-bottom:7px; text-align:center;}
#boardSkin .contents .imgWrap img {width:auto; max-width:100%;}


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

#boardSkin .agreeBox { background:#f8f8f8; border:1px solid #dddddd; padding:15px;}
#boardSkin .agreeBox .agreeText { }
#boardSkin .agreeBox p { text-align:center; padding-top:10px;}
#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:7px; font-size:12px; text-align:center;}
#boardSkin .agreeBox table th { color:#000; background:#ececec;}

#writeForm {table-layout:fixed; border-top:2px solid #242633;}
#writeForm td * {vertical-align:middle;}
#writeForm th,
#writeForm td {border-bottom:1px solid #babbc1; padding:10px; font-size:13px; color:#222222; text-align:left;}
#writeForm th {color:#585858; padding:10px 0; padding-left:10px; vertical-align:top; line-height:30px;}
#writeForm th.th_type02 {line-height:15px;}
#writeForm td .tt { color:#499fcb; letter-spacing:-1px; margin-left:10px;}
#writeForm td input, #writeForm td select {margin:2px 0px;}
#writeForm .border_none td, #writeForm .border_none th {border:0 !important; padding-bottom:0;}
#writeForm .auto_input_box * {vertical-align:baseline;}
#writeForm td .btnArea {margin:20px 0;}
#writeForm td .btnArea .btn02 {min-width:170px;}
#writeForm .file_list li+li {margin-top:7px;}
#writeForm .pd0 {padding:0;}
#writeForm .subCont * {vertical-align:middle;}
#writeForm .subCont dl {position:relative; margin:10px 0;}
#writeForm .subCont dt {position:absolute; top:0; left:0; padding-left:10px; line-height:30px;}
#writeForm .subCont dd {padding:0; padding-left:85px; padding-right:10px;}
#writeForm .subCont dd .btn02 {margin:0; vertical-align:top; margin-left:8px; margin-top:1px;}
#writeForm .subCont+.subCont {border-top:1px solid #babbc1;}
#writeForm .b_cont01 {display:block; padding-top:5px;}

.f_size01 {width:100%;}
.f_size02 {width:15%;}
.email {width:45%;}
.full {width:100%;}
.red {color:#c90b0b;}

#replay_cont {background:#f7f7f7;}
#replay_cont .tit {position:relative; padding:12px; padding-left:50px; border-bottom:1px dashed #999999; font-size:15px; color:#636363;}
#replay_cont .tit span {position:absolute; top:12px; left:12px; width:32px; height:20px; font-size:12px; color:#fff; line-height:20px; text-align:center; background:#131a2a;}
#replay_cont .cont {padding:20px;}