/*-----------------------------------------------------------------*/
/* 목록
/*-----------------------------------------------------------------*/

h3.title_board {padding:150px 0 45px 0; font-size:2.143rem; text-align:center;}
#boardlist {width:100%;}
#boardlist .count {margin:95px 0 45px; float:left; color:#999; font-size:1.143rem; text-align:left;}
#boardlist .count > span {color:#000; font-size:1.143rem; font-weight:bold;}
#boardlist .board_search {float:right; margin:-15px 0 50px;}
#boardlist .board_search form {display:block; position:relative; width:400px; padding:0 60px 0 110px; border:1px solid #eaeaea; text-align:center; background-color:#fff;}
#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:5px; top:0; width:95px; padding:0 10px; border:0; background-color:transparent; font-size:1.143rem;}
#boardlist .board_search input.form_input.search {width:100%; border-width:0; background-color:transparent; font-size:1.143rem;}
#boardlist .board_search input.form_input.search::placeholder {color:#999;}
#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 #fff; 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 {display:flex; justify-content:flex-start; flex-wrap:wrap; clear:both; border-bottom:1px solid #ededed; font-size:0; text-align:left;}
#boardlist .list > li {display:inline-block; width:24%; margin-right:1.2%; padding-bottom:50px; text-align:left; vertical-align:top;}
#boardlist .list > li:nth-child(4n) {margin-right:0;}
#boardlist .list > li > .img {position:relative; width:100%;}
#boardlist .list > li > .img:after {display:block; padding-bottom:140%; content:'';}
#boardlist .list > li > .img img {position:absolute; width:100%; height:100%;}
#boardlist .list > li > .group {margin-top:25px; color:#008cd6; font-size:1.286rem; letter-spacing:-0.05rem;}
#boardlist .list > li > .subject {text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#000; font-size:1.714rem; font-weight:700; line-height:34px; letter-spacing:-0.05rem;}
#boardlist .list > li > .subject * {color:#000; font-size:1.714rem; font-weight:700; line-height:34px; letter-spacing:-0.05rem;}
#boardlist .list > li > .date {margin-top:15px; color:#aaa; font-size:1.143rem; line-height:22px;}
#boardlist .page_write {position:relative; min-height:34px; margin-top:30px;}
#boardlist .page_write .write {display:none; position:absolute; right:0; top:0;}


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

#boardview .board_row {table-layout:fixed; width:100%; border-top:1px solid #e0e0e0;}
#boardview .board_row tr > th {padding:15px 30px; border-bottom:1px solid #e0e0e0; color:#333; font-weight:normal; text-align:left; vertical-align:middle;}
#boardview .board_row tr > td {padding:15px 10px; border-bottom:1px solid #e0e0e0; color:#666; text-align:left; vertical-align:middle;}
#boardview .boxview {padding:30px; border-bottom:1px solid #e0e0e0; 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 .btn {padding:20px 0; text-align:right;}
#boardview .btn .modelete {float: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 적용
/*-----------------------------------------------------------------*/


/*-----------------------------------------------------------------*/
/* Responsive
/*-----------------------------------------------------------------*/

@media all and (max-width:720px) {

	/*-----------------------------------------------------------------*/
	/* 목록
	/*-----------------------------------------------------------------*/

	h3.title_board {padding:55px 0 25px; font-size:1.786rem;}
	#boardlist .count {clear:both; margin:45px 0 15px; font-size:0.857rem;}
	#boardlist .count > span {font-size:0.857rem;}
	#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;}
	#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:49%; margin-right:1.8%; padding-bottom:27px;}
	#boardlist .list > li:nth-child(2n) {margin-right:0;}
	#boardlist .list > li:nth-child(3n-1) {margin:0;}
	#boardlist .list > li > .group {margin-top:0;}
	#boardlist .list > li > .subject {padding-top:12px; font-size:0.875rem; line-height:normal;}
	#boardlist .list > li > .subject * {font-size:0.875rem; line-height:normal;}
	#boardlist .list > li > .summary {padding-top:5px; font-size:0.875rem;}
	#boardlist .list > li > .subject a {font-size:1rem; font-weight:500;}
	#boardlist .page_write {text-align:center;}
	#boardlist .page_write .write {position:static; margin-top:10px;}

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

	#boardview {padding-top:90px;}
	#boardview .board_row colgroup col:nth-of-type(1) {width:23% !important;}
    #boardview .board_row tr > th {padding:10px 0; text-align:center; font-weight:700;}
    #boardview .board_row tr > td, 
    #boardview .board_row tr > td * {font-size:0.9rem;}
    #boardlist .page_write {text-align:center;}
	#boardlist .page_write .write {display:none; position:static; margin-top:10px;}
	#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 {padding:25px; 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;}

	.paging {margin-top:35px; padding-bottom:0;}
	.paging li a {font-size:1rem;}
	.paging li strong {font-size:1rem;}

}