/*-----------------------------------------------------------------*/
/* 목록
/*-----------------------------------------------------------------*/
#boardlist_body:not(:has(*)) + .page_write > .box_btn.block.more {
	display: none; 
}
/* .subtitle {display:none;} */
#boardlist {overflow:hidden; padding:0 2.78%;}
#boardlist .category {width:100%; margin:15px 0; text-align:center;}
#boardlist .category > ul {border-top:1px solid #e0e0e0;}
#boardlist .category > ul > li {float:left; width:33.33%;}
#boardlist .category > ul > li > a {display:block; position:relative; height:34px; border:1px solid #e0e0e0; border-width:0 1px 1px 0; color:#888; line-height:34px;}
#boardlist .category > ul > li:nth-child(3n-2) > a {border-width:0 1px 1px 1px;}
#boardlist .category > ul > li.cate_all > a,
#boardlist .category > ul > li.selected > a {background:#fafafa; color:#333; font-weight:bold;}
#boardlist .category:after {display:block; clear:both; content:'';}
#boardlist .list {display:block;}
#boardlist .list li {display:inline-block; width:100%; padding-bottom:55px; text-align:center; vertical-align:top;}
#boardlist .list li .left {text-align:left;}
#boardlist .list li .box .img {overflow:hidden;}
#boardlist .list li .box .img img {position:relative; transition:all .3s ease; width:100%; height:auto;}
#boardlist .list li .box .img:hover img {-ms-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
#boardlist .list li .box:hover .img {border:1px solid #000;}

#boardlist .list li .box .subject {padding:15px 0 10px; border-bottom:1px solid #ddd;}
#boardlist .list li .box .subject strong a {color:#000; font-size:1.500rem; font-weight:700; letter-spacing:-0.9px;}
#boardlist .list li .box .subject img {height:16px; vertical-align:top;}
#boardlist .list li .box .date {padding-top:14px; color:#888; font-size:1.000rem; font-weight:500;}
#boardlist .list li.notice {position:relative; width:100%; padding:0 80px 10px 5px; text-align:left;}
#boardlist .list li.notice .date {position:absolute; right:5px; top:0;}
#boardlist .page_write {position:relative;}
#boardlist .page_write .box_btn.block > * {padding:12px; border:0; background:#000; color:#fff; font-size:1.167rem;}
#boardlist .page_write .box_btn.block.write {margin-top:100px;}
#boardlist .page_write .box_btn.block.write > * {border:1px solid #000; background:#fff; color:#000 !important;}
#boardlist .board_search {clear:both; margin:20px 0; padding:10px 0; border:1px solid #ddd;}
#boardlist .board_search form {position:relative; padding:0 50px 0 78px; text-align:center;}
#boardlist .board_search select {position:absolute; left:0; top:0; border:0; width:78px; height:32px; padding-left:15px; background:url('/board/_skin/gallery_news_responsive/img/icon_select_arrow.png') no-repeat right 5px center/16px; color:#000; font-size:1.167rem; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
#boardlist .board_search input.form_input.search {height:32px; border-width:0 1px;}
#boardlist .board_search .btn_search {position:absolute; right:0; top:0; display:inline-block; width:50px; height:32px; padding:0; border:0; background:url('/board/_skin/gallery_news_responsive/img/icon_btn_search.png') no-repeat center/32px; vertical-align:top; text-indent:-9999px; cursor:pointer;}


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

#boardview > .info {border:1px solid #e0e0e0; border-width:1px 0;}
#boardview > .info .subject {padding:15px;}
#boardview > .info .subject p {padding-top:5px;}
#boardview > .info .subject p:first-child {padding-top:0;}
#boardview > .info .subject .title {width:100%;}
#boardview > .info .subject .title img {width:auto; height:10px; vertical-align:middle;}
#boardview > .info .subject .stat,
#boardview > .info .subject .stat a,
#boardview > .info .subject .file,
#boardview > .info .subject .file a,
#boardview > .info .subject .add {font-size:0.917rem;}
#boardview > .info .subject .stat img {width:auto; height:10px; vertical-align:middle;}
#boardview > .boxview {padding:15px; border-bottom:1px solid #e0e0e0; text-align:left;}
#boardview > .boxview .content {word-break:break-all; word-wrap:break-word;}
#boardview > .boxview .content * {font-family:inherit; font-size:inherit; text-align:inherit; line-height:inherit;}
#boardview > .boxview .content img {max-width:100%; height:auto;}
#boardview > .btn {padding-top:15px; text-align:right;}


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

#editorFrm {width:100% !important;}
#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:8px; color:#999;}
#boardwrite fieldset > div.name .check label {color:#999; font-size:0.875rem; font-weight:normal;}
#boardwrite fieldset > div.contents {background:#fff;}
#boardwrite fieldset select {width:100%;}
#boardwrite .btn {padding-top:20px;}


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

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


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


/*-----------------------------------------------------------------*/
/* Responsive
/*-----------------------------------------------------------------*/
@media all and (max-width:768px) {
	.related_prd_view .prd_basic {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		gap: 4.68%;
	}
	.related_prd_view .prd_basic li {
		flex-basis: calc(50% - 2.34%);
	}
}

@media all and (min-width:768px) {
	/*-----------------------------------------------------------------*/
	/* 목록
	/*-----------------------------------------------------------------*/

	#boardlist {width:100%; padding:0 30px;}
	#boardlist .category {display:table; width:100%; margin:0 0 20px; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0;}
	#boardlist .category > ul {display:table-row; border-top:none;}
	#boardlist .category > ul > li {display:table-cell; float:none; width:10%; vertical-align:top;}
	#boardlist .category > ul > li > a {height:48px; line-height:48px;}
	#boardlist .category > ul > li:nth-child(3n-2) > a {border-width:0 1px 1px 0;}
	#boardlist .category > ul > li.cate_all > a,
	#boardlist .category > ul > li.selected > a {border-bottom:1px solid #fff; background:none;}
	#boardlist .list {display:block; margin-left:-30px; }
	#boardlist .list li {width:50%; padding-left:30px; padding-bottom:135px;}
	#boardlist .list li .box .date {font-size:1rem;}


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

	#boardwrite .btn {width:400px; margin:0 auto;}


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

	#boardview > .info .subject .stat,
	#boardview > .info .subject .stat a,
	#boardview > .info .subject .file,
	#boardview > .info .subject .file a,
	#boardview > .info .subject .add {font-size:1rem;}
	#boardview > .btn {padding:20px 0;}
	.related_prd_view .prd_basic {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}

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

	#boardpw {margin:0; padding:40px 0;}
	#boardpw p {margin-bottom:20px;}
	#boardpw .form_input {width:330px; margin-bottom:20px;}
	#boardpw .btn_col {width:400px; margin:0 auto;}
}

@media all and (min-width:1024px) {
	#boardlist .list li {width:25%; padding-bottom:73px;}
	#boardlist .page_write {margin-top:30px;}
	#boardlist .page_write .box_btn.block.more > * {width:250px; height:60px; padding:0; background:#fff !important; border:1px solid #000; color:#000 !important; line-height:60px;}
	#boardlist .page_write .box_btn.block.write {position:absolute; right:0; bottom:0;}
	#boardlist .page_write .box_btn.block.write * {width:100px;}
	#boardlist .board_search {margin-top:160px; padding:0; border:none; text-align:center;}
	#boardlist .board_search form {display:inline-block; margin:0 auto; padding:12px 0; border:1px solid #ddd;}
	#boardlist .board_search select {position:static; border:0;}
	#boardlist .board_search input.form_input.search {width:265px !important;}
	#boardlist .board_search .btn_search {display:inline-block; position:static;}
}