@charset "utf-8";

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

/* Category */
.list-category .dropdown { margin-bottom:20px; }
.list-category .active a, .list-category .selected a { color:#007cc3; 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:#007cc3 !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; }
}



/* 추가 */
/*게시판 토탈 검색*/
#board_search{background:#f4f4f4;padding:45px;margin-bottom:85px;}
#board_search .input_com{border:1px solid #bbb;height:60px;font-size:18px;padding:0 20px;}
#board_search .search_box{max-width:795px;margin:0 auto;position:relative;display:flex;flex-wrap:wrap;align-items:center;}
#board_search .search_box > select{width:140px;margin-right:5px;appearance:none; -webkit-appearance:none; -moz-appearance:none;background:url('/thema/Basic/img/select_arrow.png') no-repeat right 20px center #fff;}
#board_search .search_box > select::-ms-expand{display: none;}
#board_search .search_box > div{width:calc(100% - 145px);position:relative;}
#board_search .search_box > div input{width:100%;padding-right:80px;}
#board_search .search_box > div button{position:absolute;top:0;right:0;width:60px;height:60px;background:url('/thema/Basic/img/search_icon.png') no-repeat center #007cc3;font-size:0;}

#board_total {display:block; font-size:18px; line-height:130%; margin-bottom:35px;}
#board_total b {color:#007cc3;}

/*공통버튼*/
body .view-btn .btn-group {display:flex; flex-wrap:wrap; align-items:center;}
body .board_btn{ display:inline-block; height:30px; line-height:30px; background:#c6c6c6; color:#fff;  width:70px;  text-align:center;  font-size:15px;  margin-right:5px; }
body .board_btn:last-child {margin-left:auto; margin-right:0;}
body .board_btn.color_green{ background:#00ae9c; }
body .board_btn.color_blue{ background:#007cc3; }
body .board_btn.color_gray{ background:#c6c6c6; }
body .board_btn.single{ display:block; width:100%; max-width:300px; height:65px; line-height:65px; margin:50px auto 90px; font-size:18px;}
/* 추가 */
.btn_group {display:flex; flex-wrap:wrap; justify-content:center;}
.btn_group .board_btn.single {margin:0 10px 0 0;}
.btn_group .board_btn.single:last-child {margin-right:0;}

/* view 다음글, 이전글 */
.view_paging{ margin:50px 0; border-top:2px solid #333; border-bottom:1px solid #333; }
.view_paging > a,
.view_paging > div{ display:block; display:flex; flex-wrap:wrap; padding:20px 35px;}
.view_paging .view_paging_prev{ border-bottom:1px solid #ddd;}
.view_paging > a > b,
.view_paging > div > b{ width:70px; font-size:18px; line-height:100%; color:#00ae9c; margin-right:30px;}
.view_paging .view_paging_prev b {background-image:url("/thema/Basic/img/view_prev_icon.png"); background-repeat:no-repeat; background-position:right center; padding-right:22px;}
.view_paging .view_paging_next b {background-image:url("/thema/Basic/img/view_next_icon.png"); background-repeat:no-repeat; background-position:right center; padding-right:22px;}
.view_paging > a > p,
.view_paging > div > p{ width:calc(100% - 100px);font-size:18px; line-height:120%; }
.view_paging > div > p{ color:#999; }

/* 리스트 페이징 */
body .list-wrap {position:relative;}
body .list-btn {position:absolute; right:0;}

body .pagination>.disabled>span, 
body .pagination>.disabled>span:hover, 
body .pagination>.disabled>span:focus, 
body .pagination>.disabled>a, 
body .pagination>.disabled>a:hover, 
body .pagination>.disabled>a:focus {border:0;}
body .pagination>li>a, 
body .pagination>li>span {border:0; font-size:18px; padding:6px 17px;}
body .list-wrap .pagination a, .view-wrap .pagination a {color:#c7c7c7 !important;}
body .list-wrap .pagination a i, .view-wrap .pagination a i {color:#333 !important;}
body .pagination>li>a:hover, 
body .pagination>li>span:hover, 
body .pagination>li>a:focus, 
body .pagination>li>span:focus {background:none; border:none;}
body .list-wrap .pagination .active a, .view-wrap .pagination .active a {font-weight:700; border-radius:50% !important; color:#007cc3 !important; background:none !important; border:none !important;}

/*글쓰기 공통*/
.wirte_com_tit{font-size:27px;font-weight:700;line-height:140%;margin-bottom:15px;}
.wirte_com_tit2{display:flex;flex-wrap:wrap;align-items:center;}
.wirte_com_tit2 .desc{margin-left:auto;font-size:18px;line-height:140%;font-weight:500;}
.wirte_com_tit2 .desc b{font-weight:500;color:#00ae9c;}

.wirte_line{position:relative;display:block;margin-top:30px;height:1px;}
.wirte_line:after{content:"";width:100vw;max-width:1230px;min-width:280px;height:1px;background:#ddd;position:absolute;bottom:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);}


@media all and (max-width:1024px){
	/*게시판 토탈 검색*/
	#board_search{padding:35px;margin-bottom:60px;}
	#board_search .input_com{font-size:16px;padding:0 15px;height:50px;}
	#board_search .search_box > select{width:120px;background-position:right 15px center;}
	#board_search .search_box > div{width:calc(100% - 125px);}
	#board_search .search_box > div button{width:50px;height:50px;}

	/*공통버튼*/
	body .board_btn.single {max-width:230px; height:55px; line-height:55px; margin:40px auto 70px;}

	/* view 다음글, 이전글 */
	.view_paging > a, .view_paging > div {padding:15px 25px;}
	.view_paging > a > b, .view_paging > div > b {font-size:16px; width:65px; margin-right:20px;} 
	.view_paging > a > p, .view_paging > div > p {font-size:16px; width:calc(100% - 85px);}

	body .list-btn {position:static;}

	/*글쓰기 공통*/
	.wirte_com_tit{font-size:24px;}
	.wirte_com_tit2 .desc{font-size:16px;}
}
@media all and (max-width:768px){ 
	/*게시판 토탈 검색*/
	#board_search{padding:30px;margin-bottom:40px;}
	#board_search .input_com{font-size:14px;height:45px;}
	#board_search .search_box > select{width:100px;}
	#board_search .search_box > div{width:calc(100% - 105px);}
	#board_search .search_box > div button{width:45px;height:45px;}

	/*공통버튼*/
	body .board_btn {font-size:13px; width:60px;}
	body .board_btn.single {font-size:16px; max-width:160px; height:45px; line-height:45px; margin:0 auto;}

	/* view 다음글, 이전글 */
	.view_paging > a, .view_paging > div {padding:15px;}
	.view_paging > a > b, .view_paging > div > b {font-size:14px; width:65px; margin-right:10px; }
	.view_paging > a > p, .view_paging > div > p {font-size:14px; width:calc(100% - 75px);}
	.view_paging .view_paging_prev b, 
	.view_paging .view_paging_next b {background-position:right 5px center;}

	/* 리스트 페이징 */
	body .pagination>li>a, 
	body .pagination>li>span {font-size:16px; padding:6px 9px;}

	/*글쓰기 공통*/
	.wirte_com_tit{font-size:20px;margin-bottom:10px;}
	.wirte_com_tit2 .desc{width:100%;font-size:14px;margin-top:5px;}
}
@media all and (max-width:480px){ 
	/*게시판 토탈 검색*/
	#board_search .search_box > select{width:100%;margin-right:0;margin-bottom:5px;}
	#board_search .search_box > div{width:100%;}

	/*공통버튼*/
	body .board_btn.single {font-size:14px; max-width:100px; height:40px; line-height:40px;}
}