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

#boardlist {width:100%;}
/* .common_bnr 공통스타일에 적용 */
#boardlist .list {font-size:0; text-align:left;}
#boardlist .list > li {display:inline-block; width:25%; text-align:center; vertical-align:top;}
#boardlist .list > li {border-right:1px solid #000;}
#boardlist .list > li:nth-child(4n) {border-right-color:transparent;}
#boardlist .list > li:nth-child(-n + 4) {border-top:1px solid #000;}
#boardlist .list > li .img {position:relative; overflow:hidden; width:100%; height:0; padding-bottom:100%;}
#boardlist .list > li .img img {position:absolute; top:0; left:0; object-fit:cover; width:100% !important; height:100% !important;}
#boardlist .list > li .info {position:relative; height:60px; border:1px solid #000; border-width:1px 0;}
#boardlist .list > li .info h3 a {display:block; font-size:16px; font-weight:500; line-height:60px; letter-spacing:-0.4px;}
#boardlist .list > li .info .marquee {display:none; position:absolute; left:0; bottom:0; z-index:5; overflow:hidden; width:100%; background-color:#000; white-space:nowrap;}
#boardlist .list > li .info .marquee p {display:inline-block; vertical-align:middle; animation:marquee 10000ms linear infinite;}
#boardlist .list > li .info .marquee p a {display:inline-block; height:60px; margin-right:30px; color:#CDDC20; font-size:16px; line-height:60px; vertical-align:middle;}
#boardlist .list > li.hover .info .marquee {display:block;}
#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 .page_write {position:relative; min-height:34px; margin-top:80px;}
#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; padding:5px; border:1px solid #dcdcdc; text-align:center;}
#boardlist .board_search select {border:0;}
#boardlist .board_search input.form_input.search {width:300px; border-width:0 1px;}
#boardlist .board_search .btn_search {display:inline-block; width:34px; height:34px; border:0; background:url('/board/_skin/gallery_promotion/img/btn_search.png') no-repeat center; vertical-align:top; text-indent:-9999px; cursor:pointer;}
#boardlist .more_btn {margin-top:80px;}

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

#boardview {text-align:center;}
#boardview .bnr {position:relative; min-height:573px; background-color:#000;}
#boardview .bnr img {width:100%; height:auto; opacity:.5;}
#boardview .bnr .title {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%);}
#boardview .bnr .title h5 {color:#CDDC20; font-size:18px; font-weight:400; letter-spacing:-0.45px;}
#boardview .bnr .title h2 {padding-top:14px; color:#fff; font-size:48px; letter-spacing:0;}
#boardview .summary {padding:90px 0;}
#boardview .summary * {font-family:Pretendard !important; font-size:18px !important; line-height:1.8 !important;}
#boardview .img_wrapper {padding-top:90px;}
#boardview .img_wrapper img {max-width:100%;}
#boardview .curated_slide {position:relative;}
#boardview .curated_slide .slick-arrow {position:absolute; top:50%; z-index:5; width:80px; height:80px; margin-top:-40px; background-color:transparent; background-repeat:no-repeat; background-position:center;}
#boardview .curated_slide .slick-prev {left:0; background-image:url('/board/_skin/gallery_promotion/img/btn_slide_prev.png');}
#boardview .curated_slide .slick-next {right:0; background-image:url('/board/_skin/gallery_promotion/img/btn_slide_next.png');}


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

#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 적용
/*-----------------------------------------------------------------*/