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

#boardlist .event_bnr {padding:0 0;}
#boardlist .event_bnr .swiper-slide img {width:100%; height:auto;}
#boardlist .event_bnr .swiper_prev {position:absolute; left:0; top:50%; z-index:10; width:30px; height:50px; margin-top:-25px; background:url('/board/_skin/gallery_event_mobile/img/event_prev.png') no-repeat center / 15px auto;}
#boardlist .event_bnr .swiper_next {position:absolute; right:0; top:50%; z-index:10; width:30px; height:50px; margin-top:-25px; background:url('/board/_skin/gallery_event_mobile/img/event_next.png') no-repeat center / 15px auto;}
#boardlist .popular {padding:40px 0;}
#boardlist .popular .title {padding:0 0 10px; font-size:1.500rem; font-weight:500;}
#boardlist .popular .popular_list ul {overflow:hidden;}
#boardlist .popular .popular_list ul > li {float:left; margin:0 10px 10px 0;}
#boardlist .popular .popular_list ul > li a {display:block; padding:4px 8px; border:1px solid #ddd; border-radius:5px; color:#888; font-weight:300;}
#boardlist .popular .popular_list ul > li:nth-child(n+7) {display:none;}
#boardlist .popular .popular_list ul.is_more > li {display:block;}
#boardlist .board_menu ul {font-size:0; text-align:center;}
#boardlist .board_menu ul > li {display:inline-block; width:33%; border:1px solid #ddd; border-width:0 0 1px 1px; background:#f7f7f7; text-align:center; vertical-align:top;}
#boardlist .board_menu ul > li a {display:block; height:90px; padding-top:54px; background-repeat:no-repeat; background-position:top 23px center; font-size:1rem; line-height:1;}
#boardlist .board_menu ul > li.menu0,
#boardlist .board_menu ul > li.menu3 {border-left:0;}
#boardlist .board_menu ul > li.menu0 a {background-image:url('/board/_skin/gallery_event_mobile/img/board_menu0.png'); background-size:21px;}
#boardlist .board_menu ul > li.menu1 {width:34%;}
#boardlist .board_menu ul > li.menu1 a {background-image:url('/board/_skin/gallery_event_mobile/img/board_menu1.png'); background-size:27px 21px;}
#boardlist .board_menu ul > li.menu2 a {background-image:url('/board/_skin/gallery_event_mobile/img/board_menu2.png'); background-size:25px 17px;}
#boardlist .board_menu ul > li.menu3,
#boardlist .board_menu ul > li.menu4 {width:33%;}
#boardlist .board_menu ul > li.menu3 a {background-image:url('/board/_skin/gallery_event_mobile/img/board_menu3.png'); background-size:32px 20px;}
#boardlist .board_menu ul > li.menu4 a {background-image:url('/board/_skin/gallery_event_mobile/img/board_menu4.png'); background-size:21px;}
#boardlist .board_search {clear:both; margin-bottom:15px; border-bottom:1px solid #404040;}
#boardlist .board_search form {position:relative; padding:0 38px 0 0;  text-align:center;}
#boardlist .board_search select {display:none; position:Absolute; left:0; top:0; border:0; width:70px;}
#boardlist .board_search input.form_input.search {padding:0; border:0; font-size:1.167rem;}
#boardlist .board_search .btn_search {position:absolute; right:0; top:0; display:inline-block; width:38px; height:34px; border:0; background:url('/board/_skin/gallery_event_mobile/img/btn_search.png') no-repeat center/18px; vertical-align:top; text-indent:-9999px; cursor:pointer;}
#boardlist .cateList {width:100%; margin:30px 0; text-align:center;}
#boardlist .cateList > ul {font-size:0; text-align:center;}
#boardlist .cateList > ul > li {display:inline-block; vertical-align:top;}
#boardlist .cateList > ul > li > a {display:block; position:relative; padding:3px 8px; color:#888;}
#boardlist .cateList > ul > li > a > strong {display:block; color:#333; font-weight:600; text-decoration:underline;}
#boardlist .cateList > ul > li.actice > a {color:#333; font-weight:600; text-decoration:underline;}
#boardlist .cateList:after {display:block; clear:both; content:'';}
#boardlist .tab_event {width:100%; margin:30px 0; text-align:center;}
#boardlist .tab_event > ul {border-top:1px solid #e0e0e0;}
#boardlist .tab_event > ul > li {float:left; width:50%;}
#boardlist .tab_event > 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 .tab_event > ul > li:nth-child(3n-2) > a {border-width:0 1px 1px 1px;}
#boardlist .tab_event > ul > li.active > a {background:#fafafa; color:#333; font-weight:700;}
#boardlist .tab_event:after {display:block; clear:both; content:'';}
#boardlist .list {display:table; width:100%; margin:15px 0;}
#boardlist .list > li {display:inline-block; width:100%; margin:30px 0 0; text-align:center; vertical-align:top;}
#boardlist .list > li:nth-of-type(1) {margin:0;}
#boardlist .list > li .box {text-align:left;}
#boardlist .list > li .box .wrap_img {position:relative;}
#boardlist .list > li .box .img {overflow:hidden;}
#boardlist .list > li .box .img img {width:100%; height:auto;}
#boardlist .list > li .box .cate {position:absolute; right:0; top:0; min-width:45px; height:25px; padding:0 5px; background:#404040; color:#fff; text-align:center; line-height:25px;}
#boardlist .list > li .box .brand_name {padding:14px 0 0;}
#boardlist .list > li .box .subject {padding:0 0 5px;}
#boardlist .list > li .box .subject img {height:16px; vertical-align:top;}
#boardlist .list > li .box .subject,
#boardlist .list > li .box .subject * {font-size:1.167rem; font-weight:600;}
#boardlist .list > li .box .add1 {color:#888; font-weight:300;}

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

#boardview > .info {position:relative; padding:0 0 5px;}
#boardview > .info .brand_name {font-size:0.833rem; font-weight:600;}
#boardview > .info .subject {padding:0 0 15px; font-size:1.167rem; font-weight:500;}
#boardview > .info .add {float:right; color:#888; font-size:0.833rem; font-weight:300;}
#boardview > .info .etc {position:relative; overflow: hidden; min-height:22px; padding-top:3px;}
#boardview > .boxview {padding:10px 0; border:1px solid #ddd; border-width:1px 0; 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: 20px 0 0;}


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

#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:10px;}
#boardwrite fieldset > div.contents {background:#fff;}
#boardwrite fieldset select {width:100%;}
#boardwrite .btn {padding-top:15px;}


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

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