/*-----------------------------------------------------------------*/
/* 목록
/*-----------------------------------------------------------------*/
#cnt .cntbody {font-family:'Poppins', 'Gothic A1', AppleGothic, Dotum, '돋움', sans-serif;}
h3.title_board {padding:8.3vw 0 3.125vw; color:#000; font-size:2.5rem;}
#boardlist {width:100%;}
#boardlist .count {float:left; padding-top:35px; color:#999; font-size:1.33rem; text-align:left;}
#boardlist .count > span {color:#000; font-size:inherit; font-weight:bold;}
#boardlist .board_search {float:right; margin-bottom:50px;}
#boardlist .board_search form {display:block; position:relative; width:400px; padding:0 60px 0 115px; text-align:center; background-color:#f7f7f7;}
#boardlist .board_search form:after {display:inline-block; position:absolute; left:110px; top:50%; width:1px; height:20px; margin-top:-10px; background-color:#dedede; content:'';}
#boardlist .board_search select {position:absolute; left:0; top:0; width:100px; height:60px; padding:0 20px; border:0; background-color:transparent; color:#000; font-size:1.33rem;}
#boardlist .board_search input.form_input.search {width:100%; height:60px; border-width:0; background-color:transparent; color:#000; font-size:1.33rem;}
#boardlist .board_search .btn_search {display:inline-block; position:absolute; right:0; top:0; width:46px; height:46px; margin:7px; border:0; background:url('/board/_skin/gallery_general/img/btn_search.png') no-repeat center #151515; text-indent:-9999px; cursor:pointer;}
#boardlist .category {clear:both; display:table; width:100%; height:50px; margin-bottom:20px; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; text-align:center;}
#boardlist .category > ul {display:table-row;}
#boardlist .category > ul > li {display:table-cell; width:10%; vertical-align:top;}
#boardlist .category > ul > li > a {display:block; position:relative; height:48px; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; color:#888; line-height:48px;}
#boardlist .category > ul > li.cate_all > a,
#boardlist .category > ul > li.selected > a {border-bottom:1px solid #fff; color:#333; font-weight:bold;}
#boardlist .list {clear:both; border-bottom:1px solid #e6e6e6; font-size:0; text-align:left;}
#boardlist .list > li {display:inline-block; width:32.4%; padding-bottom:95px; text-align:center; vertical-align:top; letter-spacing:-0.05rem;}
#boardlist .list > li:nth-child(3n-1) {margin:0 1.35%;}
#boardlist .list > li > .img {width:100%;}
#boardlist .list > li > .img img {width:100%; height:auto;}
#boardlist .list > li > .subject,
#boardlist .list > li > .subject * {color:#000; font-size:1.667rem; font-weight:600; word-break:keep-all;}
#boardlist .list > li > .subject {padding-top:40px;}
#boardlist .list > li > .summary {padding-top:15px; color:#888; font-size:1.5rem; word-break:keep-all;}
#boardlist .page_write {position:relative; min-height:34px; margin-top:30px;}
#boardlist .page_write .write {position:absolute; right:0; top:0;}
#boardlist .paging {margin-top:50px;}

@media all and (max-width:767px) {
	h3.title_board {padding:90px 0 25px; font-size:1.563rem;}
	#boardlist .count {clear:both; margin:30px 10px 10px 25px;}
	#boardlist .board_search {clear:both; width:100%; margin:0; padding:0 25px;}
	#boardlist .board_search form {width:100%; padding:0 28px 0 90px;}
	#boardlist .board_search form:after {left:90px;}
	#boardlist .board_search select {width:80px; height:40px;}
	#boardlist .board_search input.form_input.search {height:40px;}
	#boardlist .board_search .btn_search {width:28px; height:28px; background-size:14px;}
	#boardlist .category {display:block; height:auto;}
	#boardlist .category > ul {display:block; width:100%; font-size:0; text-align:left;}
	#boardlist .category > ul > li {display:inline-block; width:33.33%;}
	#boardlist .category > ul > li > a {margin:-1px 0 0 -1px; border:1px solid #e6e6e6; font-size:0.875rem; text-align:center;}
	#boardlist .category > ul > li.cate_all > a,
	#boardlist .category > ul > li.selected > a {border:1px solid #e6e6e6; background-color:#f7f7f7;}
	#boardlist .list > li {width:100%; padding:0 25px 45px 25px;}
	#boardlist .list > li:nth-child(3n-1) {margin:0;}
	#boardlist .list > li > .subject {padding-top:15px; font-size:1.167rem;}
	#boardlist .list > li > .subject * {font-size:1.167rem; font-weight:600;}
	#boardlist .list > li > .summary {width:85%; margin:0 auto; padding-top:5px; font-size:1.167rem; word-break:keep-all;}
	#boardlist .page_write .write {position:static; margin-top:20px;}
}


/*-----------------------------------------------------------------*/
/* 열람
/*-----------------------------------------------------------------*/

#boardview {padding-top:5.69rem;}
#boardview > .date {color:#999; font-size:1rem;}
#boardview > h3 {padding:0 16.5%; color:#151515; font-size:2.5rem; font-weight:700; word-break:break-all;}
#boardview > .boxview {margin-top:8.125rem; padding:2.5rem 22%; border:1px solid #e6e6e6; border-width:1px 0; text-align:left;}
#boardview > .boxview > div {word-break:break-all; word-wrap:break-word;}
#boardview > .boxview > div * {font-family:inherit; font-size:inherit; text-align:inherit; line-height:inherit;}
#boardview > .boxview > div img {max-width:100%;}
#boardview > .add {text-align:left;}
#boardview > .add > li {padding:5px;}
#boardview > .add > li:first-child {padding-top:15px;}
#boardview > .btn {padding:20px 0; text-align:center;}
#boardview > .btn .modelete {padding-bottom:10px; text-align:left;}

@media all and (max-width:767px) {
	#boardview {padding-top:90px;}
	#boardview > .date {padding:0 25px; font-size:0.750rem; text-align:left;}
	#boardview > h3 {padding:0 25px; font-size:1.563rem; text-align:left;}
	#boardview > .boxview {margin-top:60px; padding:25px; border:1px solid #e6e6e6; border-width:1px 0; text-align:left;}
	#boardview > .add {padding:0 25px;}
	#boardview > .btn {padding:10px 25px; text-align:center;}
	#boardview > .btn .modelete {text-align:left;}
}


/*-----------------------------------------------------------------*/
/* 쓰기
/*-----------------------------------------------------------------*/

#boardwrite {width:100%; padding:1.563rem; text-align:center;}
#boardwrite fieldset {text-align:left;}
#boardwrite fieldset > div {position:relative; margin-bottom:10px;}
#boardwrite fieldset > div:last-child {margin-bottom:0;}
#boardwrite fieldset > div > label {display:none;}
#boardwrite fieldset > div.name {min-height:34px; padding-right:180px; line-height:34px; font-weight:bold;}
#boardwrite fieldset > div.name .form_input {width:90%;}
#boardwrite fieldset > div.name .check {position:absolute; right:0; top:3px; color:#999;}
#boardwrite fieldset > div.name .check label {color:#999; font-size:0.875rem; font-weight:normal;}
#boardwrite fieldset > div.name .check input[type=checkbox] {width:25px; height:25px; background:none;}
#boardwrite fieldset > div.contents {background:#fff;}
#boardwrite fieldset select {width:100%;}
#boardwrite .btn {padding:20px 0; text-align:center;}


/*-----------------------------------------------------------------*/
/* 비밀번호 확인
/*-----------------------------------------------------------------*/

#boardpw {padding:40px 0; border:1px solid #e0e0e0; background:#fafafa; text-align:center !important;}
#boardpw h3 {padding-bottom:15px;}
#boardpw p {margin-bottom:20px; color:#888;}
#boardpw .form_input {width:330px; margin-bottom:20px;}


/*-----------------------------------------------------------------*/
/* 댓글목록, 댓글쓰기 - 스킨공통css 적용
/*-----------------------------------------------------------------*/