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

#boardlist .board_bnr .img a {display:block; position:relative; width:100%; height:100%;}

#boardlist {overflow:hidden;}
#boardlist .board_bnr {width:100%; height:auto; text-align:center;}
#boardlist .board_bnr .img {position:relative;}
#boardlist .board_bnr .img img {width:100%; height:auto;}
#boardlist .board_bnr .img a:after {display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.4); opacity:0; transition:all 0.4s; content:''; cursor:pointer;}
#boardlist .board_bnr .img a:hover:after {opacity:1; transition:all 0.4s;}
#boardlist .board_bnr .pc {display:block;}
#boardlist .board_bnr .pc {display:none;}
#boardlist .board_bnr .board_txt {padding-top:25px;}
#boardlist .board_bnr .board_txt > span {color:#000; font-size:1.333rem; letter-spacing:1.28px;}
#boardlist .board_bnr .board_txt > p {padding-top:20px; color:#000; font-size:1.667rem; font-weight:500; letter-spacing:-1px;}
#boardlist .wrap_inner {padding:0 10px;}
#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; margin:60px -5px 15px;}
#boardlist .list li {display:inline-block; position:relative; width:50%; padding:0 5px 40px; text-align:center; vertical-align:top;}
#boardlist .list li .box {text-align:left;}
#boardlist .list li .box .img {overflow:hidden; position:relative;}
#boardlist .list li .box .img img {width:100%; height:auto;}
#boardlist .list li .box .img {position:relative;}
#boardlist .list li .box:hover .img a:after {opacity:1; transition:all 0.4s;}
#boardlist .list li .box .img a:after {position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.4); opacity:0; transition:all 0.4s; content:''; cursor:pointer;}
#boardlist .list li .box .subject {padding:10px 0 5px;}
#boardlist .list li .box .subject img {height:16px; vertical-align:top;}
#boardlist .list li .box .subject a {color:#000; font-size:1.167rem; font-weight:500;}
#boardlist .list li .box .info {color:#999; letter-spacing:-0.6px; word-break:keep-all;}
#boardlist .list li .box .date {color:#888; font-size:0.917rem;}
#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 > .paging {margin-top:0;}
#boardlist .page_write > .paging > li strong {width:32px; height:32px; background:transparent; border:0; color:#000; font-size:1.167rem; font-weight:700; line-height:32px;}
#boardlist .page_write > .paging > li > a {width:32px; height:32px; border:0; color:#999; font-size:1.167rem; line-height:32px;}
#boardlist .page_write .write {margin-top:60px;}
#boardlist .page_write .write > * {padding:12px; border-color:#000; color:#000 !important; font-size:1.167rem;}
#boardlist .page_write .write:hover > * {color:#fff !important;}

#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_banner_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_banner_rsp/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:20px 0px; border-top:1px solid #000; border-bottom:1px solid #efefef;}
#boardview > .info .subject p {padding-top:5px;}
#boardview > .info .subject p:first-child {padding-top:0;}
#boardview > .info .subject .title {width:100%; font-size:1.5rem; line-height:1.3;}
#boardview > .info .subject .title img {width:auto; height:10px; vertical-align:middle;}
#boardview > .info .subject .title strong {font-weight:400;}
#boardview > .info .subject .stat {display:inline-block; position:relative; padding-top:5px; margin-right:16px; color:#666; font-size:1.167rem;}
#boardview > .info .subject .add {font-size:1.167rem;}
#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 (max-width: 768px) {
	#boardview > .info .subject .title {font-size:1.33rem;}
}


@media all and (max-width:1024px) {
	#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 (min-width:768px) {
	#boardlist .board_bnr .mo {display:none;}
	#boardlist .board_bnr .pc {display:block;}
	#boardlist .wrap_inner {padding:0 24px;}
	#boardlist .list {display:block; margin:60px -12px 15px;}
	#boardlist .list li {padding:0 12px 80px;}
}


@media all and (min-width:1024px) {

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

	#boardlist {width:100%;}
	#boardlist .wrap_inner {padding:0px 20px; max-width:1400px;}
	#boardlist .board_bnr .board_txt > p {padding-top:15px; font-size:24px;}
	#boardlist .board_bnr .board_txt > p > br {display:none;}
	#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 {margin:60px -20px 15px;}
	#boardlist .list li {width:25%; padding:0 20px 80px;}
	#boardlist .list li .box {position:relative;}
	#boardlist .list li .box .subject {padding:18px 0 0;}
	#boardlist .list li .box .subject a {font-size:20px;}
	#boardlist .list li .box .info {font-size:16px;}
	#boardlist .list li .box .date {font-size:1rem;}
	#boardlist .page_write {position:relative; min-height:34px; margin-top:30px;}
	#boardlist .page_write .write {position:absolute; right:0; bottom:0; margin-top:0;}
	#boardlist .page_write .write * {width:100px;}
	


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

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

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

	#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:1200px) {
	#boardlist .wrap_inner {padding:0px 40px;}
}