@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:15px 0px; }
.list-btn{text-align:right; margin-bottom: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; }
}


/*************** 기본 end ***************************************************************************************************************************************************************************************/

/*게시판 공통*/
select{-webkit-appearance: none; -moz-appearance: none; appearance: none; background-image:url('/thema/Basic/img/select_arrow.png');background-repeat:no-repeat;background-position:right 15px center;}
select::-ms-expand { display: none; }
.input_com{border:1px solid #ddd;box-shadow:none;padding:0 15px;font-size:16px;}

body .board_btn{display:inline-block;padding:0 35px;height:44px;line-height:44px;border:1px solid #333;background:#333;color:#fff;font-size:16px;}

/*리스트 공통*/
#board_list_top{display:flex;flex-wrap:wrap;align-items:flex-end;margin-bottom:40px;}
#board_list_top .board_total{margin-right:auto;font-size:16px;line-height:1.2;font-weight:500;}
#board_list_top .board_total b{color:#1aa4b8;margin-left:10px;}
#board_list_top .search_form{width:100%;max-width:445px;}
#board_list_top .search_box{display:flex;flex-wrap:wrap;align-items:center;}
#board_list_top .search_box select{width:125px;height:48px;line-height:48px;margin-right:5px;}
#board_list_top .search_box .input_box{width:calc(100% - 130px);position:relative;}
#board_list_top .search_box .input_box input{border:1px solid #ddd;height:48px;padding:0 65px 0 15px;width:100%;}
#board_list_top .search_box .input_box button{font-size:0;width:48px;height:48px;background:url('/thema/Basic/img/board_search.png') no-repeat center #1aa4b8;position:absolute;top:0;right:0;}

/*뷰 공통*/
.view_paging{border-top:1px solid #ddd;margin-top:60px;}
.view_paging > a,
.view_paging > div{display:flex;align-items:center;font-size:16px;line-height:1.2;padding:25px 20px;border-bottom:1px solid #ddd;}
.view_paging > a > b,
.view_paging > div > b{width:70px;font-weight:500;background-repeat:no-repeat;background-position:right top 5px;color:#1aa4b8;}
.view_paging .view_paging_prev > b{background-image:url('/thema/Basic/img/view_paging_prev.png');}
.view_paging .view_paging_next > b{background-image:url('/thema/Basic/img/view_paging_next.png');}
.view_paging > a > p,
.view_paging > div > p{width:calc(100% - 130px);margin-left:60px;padding-left:30px;border-left:1px solid #ddd;color:#999;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.view_paging > a:focus p,
.view_paging > a:hover p{color:#333;}

.view_btn_box{display:flex;flex-wrap:wrap;align-items:center;font-size:0;margin-top:45px;}
.view_btn_box > div{margin-right:auto;}
.view_btn_box > div .board_btn{background:#fff;color:#333;margin-right:-1px;}

.view_list_btn{display:block;width:200px;height:56px;line-height:56px;border:1px solid #333;font-size:16px;text-align:center;margin:60px auto 0;}

/*글쓰기 공통*/
.write_submit{margin:100px auto 0;}

@media all and (max-width:1024px){
	/*게시판 공통*/
	.input_com{font-size:14px;}

	body .board_btn{padding:0 15px;height:36px;line-height:36px;font-size:14px;}

	/*리스트 공통*/
	#board_list_top{margin-bottom:30px;}
	#board_list_top .search_box select{width:110px;height:45px;line-height:45px;}
	#board_list_top .search_box .input_box{width:calc(100% - 115px);}
	#board_list_top .search_box .input_box input{height:45px;}
	#board_list_top .search_box .input_box button{width:45px;height:45px;}

	/*뷰 공통*/
	.view_paging{margin-top:50px;}
	.view_paging > a,
	.view_paging > div{font-size:14px;padding:15px;}
	.view_paging > a > b,
	.view_paging > div > b{width:60px;background-position:right top 3px;}
	.view_paging > a > p,
	.view_paging > div > p{width:calc(100% - 80px);margin-left:20px;padding-left:10px;}

	.view_btn_box{margin-top:30px;}

	.view_list_btn{width:130px;height:45px;line-height:45px;font-size:14px;margin-top:50px;}

	/*글쓰기 공통*/
	.write_submit{margin-top:80px;}
}
@media all and (max-width:768px){
	/*리스트 공통*/
	#board_list_top .board_total{font-size:14px;}
	#board_list_top .search_form{max-width:320px;}
	#board_list_top .search_box select{height:40px;line-height:40px;}
	#board_list_top .search_box .input_box input{height:40px;}
	#board_list_top .search_box .input_box button{width:40px;height:40px;}

	/*뷰 공통*/
	.view_paging{margin-top:40px;}

	.view_list_btn{margin-top:40px;}

	/*글쓰기 공통*/
	.write_submit{margin-top:60px;}
}
@media all and (max-width:480px){
	/*게시판 공통*/
	body .board_btn{padding:0 10px;height:32px;line-height:32px;font-size:13px;}

	/*리스트 공통*/
	#board_list_top .board_total{width:100%;text-align:center;margin-bottom:10px;}
	#board_list_top .search_form{margin:0 auto;}
	#board_list_top .search_box select{width:100%;margin:0 0 10px;}
	#board_list_top .search_box .input_box{width:100%;}
}