@charset "utf-8";

/* Top Search */
.list-tsearch { background:#e5e5e5; padding:40px 15px; margin-bottom:15px; }
.list-tsearch .items { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.list-tsearch .items .item { margin: 0 5px; }
.list-tsearch .items .item2 { width: 400px; }

@media (max-width: 767px) {
	.list-tsearch .items { display: flex; justify-content: center; align-items: center; }
	.list-tsearch .items .item { width: 100%; margin: 3px 0; }
}


.tab-wrap { position:relative; left:50%; transform:translateX(-50%); display:flex; align-items:center; border-radius:99px; border:1px solid #ddd; width:400px; margin-bottom:50px; }
.tab-wrap a { position:relative; padding:15px 50px; text-align:center; width:50%; }
.tab-wrap a.on { z-index:9; border-radius:99px; }
.tab-wrap a.on:before { content:"▼"; position:absolute; top:100%; left:50%; transform:translateX(-50%); }
.tab-wrap a i { display:none; }
.tab-wrap a.on i { position:absolute; top:100%; left:50%; transform:translateX(-50%); height:20px; display:block; }
.tab-wrap a.on i:before { position:absolute; top:0; left:50%; transform:translateX(-50%); line-height:0; }

@media (max-width: 767px) {
	.tab-wrap { width:350px; margin-bottom:30px; }
}


/*검색박스*/
.search-box { position:relative; padding:30px; height:100px; background:#f8f8f8; margin-bottom:40px; display:none; }

.search-box .list-category { margin:0; position:absolute; top:50%; transform:translateY(-50%); left:30px; }
.search-box .list-category ul.category li { position:relative; border:0; }
.search-box .list-category ul.category li:after { content:"｜"; position:absolute; top:50%; transform:translateY(-50%); right:-6px; }
.search-box .list-category ul.category li:last-child:after { display:none; }
.search-box .list-category ul.category li a { padding:15px 20px; margin:0 10px; }
.search-box .list-category ul.category li:hover a, .list-category ul.category li.active a { border-radius:99px; background:#9d867c; box-shadow:2px 2px 5px #aaa; color:#fff; }

.search-box .form-inline { position:absolute; top:50%; transform:translateY(-50%); right:30px; }
.search-box .form-inline .form-control { border:0; border-bottom:1px solid #666; background:none; box-shadow:none; }
.search-box .form-inline select { padding-right:100px; padding-left:0; }
.search-box .form-inline input { width:300px; padding-right:40px; }
.search-box .form-inline .btn { background:none; position:absolute; top:50%; transform:translateY(-50%); right:5px; padding:0; margin-top:-5px; }

@media (max-width: 1024px) {

	.search-box { padding:10px 20px; height:80px; }
	.search-box .list-category { left:15px; }
	.search-box .form-inline { right:15px; }

	.search-box .form-inline select { padding-right:50px; }

}

@media (max-width: 767px) {
	.search-box { padding:0; height:auto; background:none; }
	.search-box .list-category, .search-box .form-inline { position:relative; top:auto; transform:translate(-50%, 0); left:50%; right:auto; margin:10px 0; text-align:center; }

	.search-box .form-inline { padding:25px; background:#f8f8f8; }
	.search-box .form-inline input { width:100%; }
	.search-box .form-inline .btn { top:auto; transform:translateY(0); bottom:30px; right:25px; font-size:.7em; }
}

/*정렬*/
.list-top { display:flex; align-items: center; justify-content: space-between; /*margin-bottom:40px;*/ padding-bottom:20px; border-bottom:1px solid #666; }
.list-top .list-total font { font-size:1.2em; font-weight:600; }
.list-top .list-ailgn { position:relative; display:none; }
.list-top .list-ailgn:before { content:"정렬 : "; position:absolute; left:-50px; top:50%; transform:translateY(-50%); }

.list-top .list-ailgn .align-btn { width:100px; display:inline-block; color:#333; }
.list-top .list-ailgn .dropdown-menu { min-width:auto; width:100%; }

@media (max-width: 767px) {
	.list-top { padding-bottom:10px; }
}

/* 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 .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; margin-top:30px; }
.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; }
}