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

.header {display:none;}
#common_mojo_header {display:block;}


#boardlist {width:100%;}
#boardlist h3 {font-size:20px; font-weight:normal; text-align:center;}
#boardlist ul.board {margin:0 -20px;}
#boardlist ul.board:after {clear:both; display:table; content:'';}
#boardlist ul.board li {float:left; width:33.3%; margin:0; padding:0 20px; margin-bottom:96px; max-height:400px;}
#boardlist ul.board li:nth-child(3n-1) {}
#boardlist ul.board li {}
#boardlist ul.board li .img {position: relative; overflow:hidden; height:400px;}
#boardlist ul.board li .img .group {position: absolute;}
#boardlist ul.board li .img .group.ing {position: absolute; top: 0; left: 0; background: #000; color: #fff; font-size: 18px; width: 100px; line-height: 30px; height: 30px; text-align: center;}
#boardlist ul.board li .img .group.end {position: absolute; top: 0; left: 0; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; background: rgb(0, 0, 0, .2); color: #000; font-size: 18px;}
#boardlist ul.board li .img img {width:100%; height:auto; }
#boardlist ul.board li .info {text-align:center;}
#boardlist ul.board li .info p.subject a {display:inline-block; font-size:16px; margin-top:15px;}
#boardlist ul.board li .info p.date {font-size:14px; color:#a3a3a3; margin-top:0;}
#boardlist .category {display:table; width:100%; height:50px; margin-bottom:20px; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; 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 #e0e0e0; border-right:1px solid #e0e0e0; 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 table {table-layout:fixed; width:100%;}
#boardlist table tr > td {padding-bottom:40px; text-align:left; vertical-align:top;}
#boardlist table tr > td .box {width:260px; margin:0 auto; text-align:center;}
#boardlist table tr > td .box .img {width:262px; height:322px; border:1px solid #dcdcdc;}
#boardlist table tr > td .box .img img {width:100%; height:100%;}
#boardlist table tr > td .subject {padding:20px 0 10px;}
#boardlist table tr > td .date {color:#888; font-size:11px;}
#boardlist table tr > td.notice {position:relative; padding:0 70px 15px 0;}
#boardlist table tr > td.notice > .date {position:absolute; right:0; top:0;}
#boardlist .page_write {position:relative; min-height:34px; margin-top:30px;}
#boardlist .page_write .write {position:absolute; right:0; top:0;}
#boardlist .board_search {clear:both; text-align:center;}
#boardlist .board_search form {display:inline-block; margin:30px auto 0; border:1px solid #a3a3a3; text-align:center;}
#boardlist .board_search select {border:0;}
#boardlist .board_search input.form_input.search {width:300px; border-width:0 1px; border-color:#a3a3a3;}
#boardlist .board_search .btn_search {display:inline-block; width:34px; height:34px; border:0; background:url('/board/_skin/gallery_general/img/btn_search2.png') no-repeat center; vertical-align:top; text-indent:-9999px; cursor:pointer;}


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

#boardview .board_row {display:none; table-layout:fixed; width:100%; border-top:1px solid #e0e0e0;}
#boardview .board_row tr > th {padding:15px 0 15px 30px; border-bottom:1px solid #e0e0e0; font-weight:normal; text-align:left; vertical-align:middle;}
#boardview .board_row tr > td {padding:15px 10px; border-bottom:1px solid #e0e0e0; text-align:left; vertical-align:middle;}
#boardview .board_row tr > td,
#boardview .board_row tr > td * {color:#666;}
#boardview .boxview > div img {max-width:100%;}
#boardview .btn {padding:20px 0; text-align:right;}
#boardview .btn .modelete {float:left;}


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

#boardwrite {width:100%; background:#f5f5f5; text-align:center;}
#boardwrite form {display:inline-block; width:72%; margin:0 auto; padding:40px 0; 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;}
#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 적용
/*-----------------------------------------------------------------*/


/* #boardview .related_prd_view .slick-slide {margin-left:10px; background:#000;}
#boardview .related_prd_view .slick-list {margin-left:-10px;}
#boardview .related_prd_view .slick-arrow,
#boardview .related_prd_view .slick-arrow {position:absolute; top:50%; z-index:10; width:40px; height:40px; background:no-repeat center; transform:translateY(-50%);}
#boardview .related_prd_view .slick-prev {left:0; background-image:url("/board/_skin/gallery_general/img/relative_btn_prev_b.png");}
#boardview .related_prd_view .slick-next {right:0; background-image:url("/board/_skin/gallery_general/img/relative_btn_next_b.png");} */

.related_prd_view .prd_basic li {width:25%; padding:0 0.5%; padding-bottom:1%;}