/*-----------------------------------------------------------------*/
/* 목록
/*-----------------------------------------------------------------*/
#boardlist {overflow:hidden; width:100%;}
#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 {display:block; position:relative; height:48px; border:1px solid #e0e0e0; border-width:0 1px 1px 0; color:#888; 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; color:#333; font-weight:bold;}
#boardlist .category:after {display:block; clear:both; content:'';}
#boardlist .list li {display:inline-block; width:33.3333%; padding-bottom:0px; text-align:center; vertical-align:top;}
#boardlist .list li .box {position:relative;}
#boardlist .list li .box .img {overflow:hidden;}
#boardlist .list li .box .img img {width:100%; height:auto;}
#boardlist .list li .box:hover .txt {opacity:1;}
#boardlist .list li .box .txt {opacity:0; position:absolute; bottom:0; left:0; width:100%; padding:32px 30px 27px 30px; background:rgba(0,0,0,0.5); transition:0.5s all ease-in-out; text-align:left;} 
#boardlist .list li .box .subject {padding:13px 0 2px;}
#boardlist .list li .box .subject img {height:16px; vertical-align:top;}
#boardlist .list li .box .subject strong a {color:#fff; font-size:1.333rem; font-weight:400; letter-spacing:-0.8px;}
#boardlist .list li .box .date {color:#888; font-size:14px; font-weight:400;}
#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 .wrap_inner {max-width:1680px;}
#boardlist .page_write {position:relative; margin-top:60px;}
#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 > * {padding:12px; border:0; background:#000; color:#fff; font-size:1.167rem;}
#boardlist .page_write .box_btn.block.write {position:absolute; right:0; bottom:0;}
#boardlist .page_write .box_btn.block.write * {width:100px; border:1px solid #000; background:#fff; color:#000 !important;}
#boardlist .category {display:block; width:100%; margin:15px 0; border:0; text-align:center;}
#boardlist .category > ul {display:block; border-top:1px solid #e0e0e0;}
#boardlist .category > ul > li {display:inline-block; float:left; width:33.33%;}
#boardlist .category > ul > li > a {height:34px; 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; border-bottom:0;}
#boardlist .page_write .box_btn.block > * {padding:12px; border:0; background:#000; color:#fff; font-size:1.167rem;}
#boardlist .board_search {clear:both; margin-top:160px; padding:0; border:none; text-align:center;}
#boardlist .board_search form {position:relative; display:inline-block; margin:0 auto; padding:12px 0; border:1px solid #ddd;}
#boardlist .board_search select {display:inline-block; position:static; border:0; width:78px; height:32px; padding-left:15px; background:url('/board/_skin/gallery_vintage_rsp/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 {display:inline-block; width:265px !important; height:32px; border-width:0 1px;}
#boardlist .board_search .btn_search {display:inline-block; position:static; width:50px; height:32px; border:0; background:url('/board/_skin/gallery_vintage_rsp/img/icon_btn_search.png') no-repeat center/32px; vertical-align:top; text-indent:-9999px; cursor:pointer;}

@media all and (max-width:1024px) {
	#boardlist .list li {width:50%; padding-bottom:40px;}
	#boardlist .list li .box .date {font-size:1rem;}
	#boardlist .list li .box .txt {opacity:1; position:static; width:100%; padding:0 30px 0 30px; background:#fff; transition:0.5s all ease-in-out; text-align:left;}
	#boardlist .list li .box .subject {padding:13px 0 2px; text-align:center;}
	#boardlist .list li .box .subject img {height:16px; vertical-align:top;}
	#boardlist .list li .box .subject strong a {color:#000; font-size:1.333rem; font-weight:400; letter-spacing:-0.8px;}
	#boardlist .list li .box .date {color:#888; font-size:1.167rem; font-weight:400; text-align:center;}
	#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 {margin-top:20px;}
	#boardlist .page_write .box_btn.block.write {position:static; margin-top:100px;}
	#boardlist .page_write .box_btn.block.write > * {width:auto;}
	#boardlist .page_write .box_btn.block.more > * {width:100% !important; height:auto !important; border-radius:0; background:#000 !important; color:#fff !important; line-height:44px;}
	#boardlist .board_search {margin:20px 0; padding:10px 0; border:none;}
	#boardlist .board_search form {width:100%; padding:0 50px 0 78px; text-align:center;}
	#boardlist .board_search select {position:absolute; left:0; top:11px; border:0;}
	#boardlist .board_search input.form_input.search {width:100% !important; height:54px;}
	#boardlist .board_search .btn_search {position:absolute; right:0; top:11px; display:inline-block; padding:0;  }
}

@media all and (max-width:768px) {
	#boardlist .list li {width:100%; padding-bottom:75px;}
	#boardlist .list li .box .date {font-size:1.167rem;}
	#boardlist .page_write {margin-top:0;}
}


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

#boardview .infoview .subject {padding:20px 0; border-top:1px solid #000; border-bottom:1px solid #EFEFEF;}
#boardview .infoview .subject .title {font-size:1.5rem; line-height:1.3;}
#boardview .infoview .subject .stat {padding-top:5px;}
#boardview .infoview .subject .stat span {display:inline-block; position:relative; margin-right:16px; color:#666; font-size:1.167rem;}
#boardview .infoview .subject .stat span:not(:last-child)::after {content:''; position:absolute; top:50%; right:-8px; width:1px; height:10px; margin-top:-5px; background-color:#E5E5E5;} 
#boardview .infoview > p {padding:10px 0; border-bottom:1px solid #EFEFEF; color:#666; font-size:1.167rem;}
#boardview .infoview > p span {display:inline-block; width:100px; padding-right:10px; vertical-align:top;}
#boardview .boxview {padding:40px 0; border-bottom:1px solid #EFEFEF; 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 {display:flex; gap:4px; padding:20px 0;}
#boardview .btn .btn_list {margin-left:auto;}

@media all and (max-width:768px) {
	#boardview .infoview .subject .title {font-size:1.33rem;}
	#boardview .infoview > p {font-size:1.083rem;}
	#boardview .boxview {padding:30px 0;}
}

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

#boardwrite {width:100%; text-align:center;}
#boardwrite form {display:inline-block; width:100%; max-width:1000px; border-top:1px solid #000; text-align:left;}
#boardwrite fieldset {padding:20px 0; border-bottom:1px solid #EFEFEF;}
#boardwrite fieldset > div {position:relative; padding-left:140px; font-size:1.25rem; margin-bottom:10px;}
#boardwrite fieldset > div:last-child {margin-bottom:0;}
#boardwrite fieldset > div > label {display:flex; align-items:center; position:absolute; top:0; left:0; width:140px; height:48px; padding-right:10px; color:#333; font-size:1.25rem;}
#boardwrite fieldset > div > .form_input {display:flex; align-items:center; flex-wrap:wrap; gap:8px 10px; width:100%; max-width:580px; min-height:48px;}
#boardwrite fieldset > div > select {width:100%; max-width:580px;}
#boardwrite fieldset > div.name .check {padding:8px 0 10px;}
#boardwrite fieldset > div.name .check label {margin-right:15px;}
#boardwrite fieldset > div.contents > label {top:50%; transform:translateY(-50%);}
#boardwrite fieldset > div.file .filebox {display:inline-block; margin:0 18px 5px 0;}
#boardwrite fieldset > div.file .filebox .icon {display:inline-block; width:70px; height:55px; border-radius:6px; border:1px solid #E5E5E5; background:url('/board/_skin/gallery_general_rsp/img/icon_file.png') no-repeat center /20px auto; color:transparent; font-size:0;}
#boardwrite fieldset > div.file .filebox .upload_name {display:inline-block; margin-left:10px; color:#666; font-size:1.167rem;}
#boardwrite fieldset > div.file .filebox .upload_name label {margin-left:8px; font-size:inherit;}
#boardwrite fieldset > div.file .filebox .upload_name label input {margin-right:3px;}
#boardwrite .btn {padding-top:40px;}
#grecaptcha_element {display:block !important; padding:30px 0 0;}
#grecaptcha_element > div {margin:0 auto;}

@media all and (max-width:1024px) {
	#boardwrite form {width:100%; padding-top:0;}
	#boardwrite fieldset > div {padding-left:130px;}
	#boardwrite fieldset > div > label {width:130px;}
}
@media all and (max-width:768px) {
	#boardwrite fieldset > div {padding-left:0; margin-bottom:20px;}
	#boardwrite fieldset > div > label {position:static; width:auto; height:auto;padding-bottom:6px; font-size:1.167rem;}
	#boardwrite fieldset > div.name {font-size:1.167rem;}
	#boardwrite fieldset > div.name .check {padding-bottom:0;}
	#boardwrite fieldset > div.name .check label {font-size:1.083rem;}
	#boardwrite fieldset > div.contents > label {transform:none;}
	#boardwrite fieldset > div.file .filebox .icon {width:60px; height:45px;}
	#boardwrite fieldset > div.file .filebox .upload_name {font-size:1.083rem;}
}

/*-----------------------------------------------------------------*/
/* 비밀번호 확인 - 스킨공통css 적용
/*-----------------------------------------------------------------*/

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