@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 .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*********************************************************************************************************************************************************************************/
/*°Ô½ÃÆÇ ÅäÅ» °Ë»ö*/
#search_box{ position:relative; margin-left:auto; max-width:350px; width:100%; margin-bottom:40px; }
#search_box input{ width:100%; height:50px; border:1px solid #bbb; padding:0 75px 0 25px; font-size:16px;  }
#search_box button{ position:absolute; top:0; right:0; width:50px; height:50px; background-color:#333; font-size:0px; background-image:url('/thema/Basic/img/board_search_ico.png'); background-position:center; background-repeat:no-repeat;   }

@media all and (max-width:1024px){
	#search_box input {height:45px; font-size:14px;}
	#search_box button {width:45px; height:45px;}
}

@media all and (max-width:768px){
	#search_box {margin-bottom:25px; max-width:250px;}
	#search_box input {font-size:13px; padding:0 65px 0 15px;}
}


/* ºä ÇÏ´Ü */
.view_paging{ display:flex; flex-wrap:wrap; margin:50px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;  }
.view_paging > a,
.view_paging > div{ display:block;  position:relative; padding:25px 0;  width:50%; }
.view_paging > a:after,
.view_paging > div:after{content:""; position:absolute; top:0; width:80px; height:100%; background-color:#f2f2f2; background-image:url('/thema/Basic/img/view_paging_prev.png'); background-position:center; background-repeat:no-repeat;}
.view_paging .view_paging_prev{padding-left:115px; padding-right:40px; border-right:1px solid #ddd;   }
.view_paging .view_paging_prev:after{left:0;}
.view_paging .view_paging_next{padding-right:115px; padding-left:40px; text-align:right;   }
.view_paging .view_paging_next:after{ right:0;  background-image:url('/thema/Basic/img/view_paging_next.png'); }
.view_paging  b{ display:block; font-size:18px; margin-bottom:10px; color:#c80b16;}
.view_paging  p{ font-size:16px;  color:#333; }

/*°øÅë¹öÆ°*/
.btn-group {margin-top:50px;}
body .board_btn{ display:inline-block; height:45px; line-height:45px;  /* border-radius:10px;*/  background:#888; color:#fff;  width:90px;  text-align:center;  font-size:16px;   }
body .board_btn.color_red{ background:#c80b16; }
body .board_btn.color_black{ background:#333; }
.fa-pencil:before {display:none;}

@media all and (max-width:1024px){
	.btn-group {margin-top:30px;}
}

@media all and (max-width:768px){
	.btn-group {margin-top:15px;}
	body .board_btn {height:40px; line-height:40px; width:60px; font-size:13px;}
	.view-btn {margin:0 0 10px;}
}


/* ³ª¿ì¿þ´õ Ãß°¡ (23.01.10) */
/* Ä«Å×°í¸® */
#now_cate {font-size:0; line-height:1; text-align:center;}
#now_cate li {display:inline-block; margin-right:65px;}
#now_cate li:last-child {margin-right:0;}
#now_cate li a {font-size:24px; height:60px; line-height:60px;}
#now_cate li.active a {color:#2ca69b; font-weight:700; border-bottom:3px solid #2ca69b;}

@media all and (max-width:1024px){
	#now_cate li {margin-right: 45px;}
	#now_cate li a {font-size: 20px; height: 50px; line-height: 50px;}
}
@media all and (max-width:768px){
	#now_cate li {margin-right: 25px;}
	#now_cate li a {font-size: 16px; height: 45px; line-height: 45px;}
}
@media all and (max-width:480px){
	#now_cate li {margin-right: 15px;}
	#now_cate li a {font-size: 15px;}
}