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

#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 {margin:40px 0px 0; font-size:14px; text-align:center;}
#boardList > ul {overflow:hidden; margin:0 -7px; border-bottom:1px solid #b0b1b5;}
#boardList li {float:left; width:50%; padding:0 7px; font-size:14px; text-align:center;}
#boardList li p {display:block;}
#boardList li .img a {display:block; position:relative;}
#boardList li:nth-child(2n+1) {clear:both;}
#boardList .img a {display:block; overflow:hidden; position:relative; padding-bottom:100%; background:#f7f7f7;}
#boardList .img img {position:absolute; top:50%; left:50%; width:100%; transform: translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%);}
#boardList .info {padding:12px 0 25px; text-align:left;}
#boardList .info * {vertical-align:middle;}
#boardList .info b {display:inline-block;}
#boardList .info .name {display:inline-block; position:relative; margin-right:10px; font-size:14px; color:#252525;}
#boardList .info .name:before {position:absolute; top:50%; right:-6px; width:1px; height:12px; margin-top:-6px; background:#ffdae2; content:'';}
#boardList .info .category {display:inline-block; font-size:12px; color:#636363;}
#boardList li .img a:hover:before {opacity:1;}
#boardList li .img a:hover:after {opacity:1; margin-top:-15px;}
#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%;}
/*
#categoryBox .category.grid3 li {width:33.33%;}
#categoryBox .category.grid4 li {width:25%;}
#categoryBox .category.grid5 li {width:20%;}
#categoryBox .category.grid6 li {width:16.666%;}
#categoryBox .category.grid7 li {width:14.2857%;}
#categoryBox .category.grid8 li {width:12.5%;}
#categoryBox .category.grid9 li {width:11.111%;}
#categoryBox .category.grid10 li {width:10%;}
*/

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

#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 #################################*/

#boardView {padding:20px; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
#boardView .mContents {overflow:hidden; margin:0 auto; padding:15px; background:#fff4e5;}
#boardView .bnfImg {overflow:hidden;}
#boardView .bnfImg > p {float:left; overflow:hidden; position:relative; width:50%; margin-bottom:0px; padding-bottom:60%;}
#boardView .bnfImg > p b {position:absolute; top:10px; font-size:14px; color:#222222; line-height:20px;}
#boardView .bnfImg > p.before b {left:10px;}
#boardView .bnfImg > p.after b {right:10px;}
#boardView .bnfImg img {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); height:100%; min-width:100%;}
#boardView .mContents .dCont {}
#boardView .mContents .dCont strong {display:block; padding-top:5px; font-size:17px; line-height:24px; font-weight:bold;}
#boardView .info {overflow:hidden; position:relative; margin:5px -10px 10px; font-size:13px; color:#222;}
#boardView .info li {float:left; position:relative; padding:0 10px;}
#boardView .info li:before {position:absolute; top:50%; left:-1px; width:1px; height:10px; margin-top:-5px; background:#222222; content:'';}
#boardView .sContents {text-align:center;}
#boardView .sContents .title {display:block; margin:60px 0 20px; text-align:center; font-size:20px; color:#131a2a; font-weight:bold;}
#boardView .imgList {}
#boardView .imgList > p {margin:6px;}
#boardView .imgList img {width:auto; max-width:100%; height:auto;}
#boardView .sContents .dCont {padding:15px 10px 30px; text-align:left; font-size:13px; color:#7e7e7f;}
#boardView .sContents+.sContents {border-top:1px dashed #e5e5e5;}

/*################################# 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;}