@charset "utf-8";

/* Top Search */
.list-tsearch { border:1px solid #ddd; background:#fafafa; padding:20px 15px 3px; margin-bottom:15px; }

/* Category */
.list-category .tabs { margin-bottom:20px; }
.list-category .dropdown { margin-bottom:20px; }
.list-category .active a, .list-category .selected a { color:crimson; font-weight:bold !important; }

/* List */
.list-wrap { width:100%; }
.list-admin { text-align:center; margin:30px 0px 15px; }
.list-btn .sort-drop { min-width:120px !important; left:auto !important; right:0px !important; }
.list-btn .sort-drop .sort a { color:crimson !important; font-weight:bold !important; }
.is-pc .ko .list-btn .sort-drop { font-size: 12px; }

/* Page */
.list-wrap .pagination a, .view-wrap .pagination a { color:#333 !important; }
.list-wrap .pagination .active a, .view-wrap .pagination .active a { color:#fff !important; background:#444 !important; border-color:#444 !important; }

/* View */
.view-wrap { width:100%; overflow:hidden; }
.view-wrap.view-modal { padding:5px; margin:0px; }
.view-btn { margin:0px 0px 30px; }
.view-btn i { margin-right:2px; }

/* Write */
.write-wrap { width:100%; overflow:hidden; }

@media all and (max-width:460px) {
	.responsive .view-btn i { margin-right:0px; }
}

/* E : 기본 */
/* 리스트 상단 총게시물, 검색 */
.board_top_wrap {display:flex; flex-wrap:wrap; align-items:flex-end;}
.board_top_wrap .board_total {font-size:16px;}
.board_top_wrap .board_total span {font-size:18px;}
.board_top_wrap .search_box {margin-left:auto; max-width:445px; width:100%;}
.board_top_wrap .search_box .search_inner {display:flex; flex-wrap:wrap;}
.board_top_wrap .search_box .search_inner .com_input {width:100%; height:46px; line-height:46px; padding:0 15px; font-size:16px; border:1px solid #ddd;}
.board_top_wrap .search_box .search_inner select {max-width:124px; margin-right:5px;}
.board_top_wrap .search_box .search_inner .input_box {position:relative; width:calc(100% - 129px);}
.board_top_wrap .search_box .search_inner .input_box input {padding:0 60px 0 15px;}
.board_top_wrap .search_box .search_inner .input_box button {font-size:0; width:48px; height:46px; background:#333 url("/thema/Basic/img/board_search.png") center no-repeat; position:absolute; top:0; right:0;}
/* 리스트 하단 글쓰기 버튼 */
.board_write_btn {display:inline-block; width:120px; height:44px; line-height:44px; border-radius:5px; background-color:#333; color:#fff !important; text-align:center; font-size:16px; position:absolute; top:0; right:0;}
/* 갤러리 게시판 */
.gallery_wrap {border-top:2px solid #333; padding-top:50px;}
/* 뷰 버튼 */
.board_view_btn {display:block; width:100px; height:44px; line-height:44px; border-radius:5px; border:1px solid #333; text-align:center; font-size:16px;}
.board_view_btn.gotolist {max-width:200px; width:100%; height:55px; line-height:55px; margin:0 auto 50px;}
.view_btn_group {display:flex; flex-wrap:wrap; justify-content: space-between;}
.view_btn_group .left {font-size:0; display:flex;}
.view_btn_group .left a {margin-right:5px;}
.view_btn_group .left a:last-child {margin-right:0;}
.view_btn_group .board_write_btn.view {position:initial; float:none; margin:0;}
/* 뷰 이전글, 다음글 */
.view_nav {border-top:1px solid #ddd;}
.view_nav .view_page {display:flex; flex-wrap:wrap; padding:20px 30px; border-bottom:1px solid #ddd;}
.view_nav .view_page b {width:75px; font-size:16px; background-position:right center; background-repeat:no-repeat; padding-right:30px; margin-right:35px;}
.view_nav .view_page p {width:calc(100% - 110px); font-size:16px;}
.view_nav .view_page p::before {content:''; display:inline-block; width:1px; height:12px; background:#ddd; margin-right:25px;}
.view_nav div.view_page p {color:#999;}
.view_nav .view_prev b {background-image:url("/thema/Basic/img/paging_prev.png");}
.view_nav .view_next b {background-image:url("/thema/Basic/img/paging_next.png");}

@media all and (max-width:1024px){
	/* 리스트 하단 글쓰기 버튼 */
	.board_write_btn {position:initial; float:right; margin-top:20px;}
	/* 갤러리 게시판 */
	.gallery_wrap {padding-top:35px;}
	/* 뷰 버튼 */
	.board_view_btn {font-size:15px;}
	.board_view_btn.gotolist {max-width:160px; height:50px; line-height:50px; margin:0 auto 40px; font-size:15px;}
	/* 뷰 이전글 다음글 */
    .view_nav .view_page {padding:15px;}
    .view_nav .view_page b {width:70px; padding-right:25px; margin-right:25px; font-size:15px;}
    .view_nav .view_page p {width:calc(100% - 95px); font-size:15px;}
    .view_nav .view_page p::before {height:10px;}
}
@media all and (max-width:768px){
	/* 리스트상단 총게시물, 검색 */
    .board_top_wrap .search_box .search_inner .com_input {height:40px; line-height:40px; font-size:14px;}
	.board_top_wrap .search_box .search_inner .input_box button {width:42px; height:40px; background-size:19px;}
	/* 리스트하단 글쓰기 버튼 */
	.board_write_btn {width:85px; height:40px; line-height:40px; font-size:14px;}
	/* 갤러리 게시판 */
	.gallery_wrap {padding-top:25px;}
	/* 뷰 버튼 */
	.board_view_btn {font-size:14px; width:70px; height:35px; line-height:35px;}
	.board_view_btn.gotolist {max-width:130px; height:40px; line-height:40px; margin:0 auto 30px; font-size:14px;}
	.view_btn_group .board_write_btn.view {height:35px; line-height:35px;}
	 /* 뷰 이전글 다음글 */
	 .view_nav .view_page b {width:60px; padding-right:20px; margin-right:20px; font-size:14px;}
	 .view_nav .view_page p {width:calc(100% - 80px); font-size:14px;}
	 .view_nav .view_page p::before {margin-right:20px;}
}
@media all and (max-width:600px){
	/* 리스트 상단 총게시물, 검색 */
	.board_top_wrap .board_total {width:100%; margin-bottom:15px;}
	.board_top_wrap .search_box {max-width:100%;}
}
@media all and (max-width:480px){
	.board_top_wrap .search_box .search_inner .com_input {max-width:100%; margin-right:0; margin-bottom:5px;}
	.board_top_wrap .search_box .search_inner .input_box {width:100%;}
	/* 뷰 버튼 */
	.view_btn_group .left {width:100%; margin-bottom:10px;}
}