@charset "UTF-8";
@import url("../../../css/common.css");

.search_form form { position: relative; width: 50rem; max-width: 100%; margin: 0 auto; padding: 0 8rem; line-height: 4rem; }
.search_form form label { position: absolute; left: 0; top: 0; font-weight: 400; }

.search_form .btn { position: absolute; right: 0; top: 0; width: 8rem; height: 4rem; border: 1px solid #000; background-color: #000; color: #fff; -webkit-transition: all 0.2s; transition: all 0.2s; }
.search_form .btn:hover, .search_form .btn:focus { background-color: #fff; color: #000; }

.search_result .label {padding: 3rem 0; border-bottom: 1px solid #ddd; font-size: 2rem; color: #000; text-align: center;}
.search_result .label strong {font-weight: 600; color: #484c58;}

.search_result .depth4_tab {margin-top: 3rem;}

.search_result .group {position: relative; margin-top: 5rem;}
.search_result .group .more {display: block; margin-top: 1rem; padding: 1rem; border: 1px solid #ddd; background-color: #f8f8f8; text-align: center;}
.search_result .group .more i {transition: all 0.2s;}
.search_result .group .more:hover i,
.search_result .group .more:focus i {transform: rotate(180deg);}

.search_result .title {margin-bottom: 2rem; font-size: 2.5rem; font-weight: 500; color: #000;}
.search_result .title .point1 {color: #c00;}
.search_result .title small {font-size: 1.6rem; font-weight: 300; color: #555;}

.search_result .board_list li {padding: 2rem 0;}
.search_result .board_list li + li {border-top: 1px solid #ddd;}
.search_result .board_list strong {display: block; font-size: 1.8rem; font-weight: 400; color: #000;}
.search_result .board_list .info {margin: 0.5rem 0 0; padding: 1rem 1.5rem; background-color: #f8f8f8;}
.search_result .board_list .info span {display: inline-block; vertical-align: middle;}
.search_result .board_list .info span + span::before {display: inline-block; position: relative; top: -0.2rem; width: 1px; height: 1.5rem; margin: 0 1rem 0 0.75rem; background-color: #ddd; content: ''; vertical-align: middle;}
.search_result .board_list .txt {margin-top: 1rem;}

/* 게시판 페이징 */
.board_pager {border-top:1px solid #ddd; font-size:1.5rem; margin-top:-1px; padding-top:4rem; text-align:center}
.board_pager a {display:inline-block; overflow:hidden; width:4rem; height:4rem; border-radius:100%; text-align:center; line-height:4rem; vertical-align:top}
.board_pager a.arr {border:1px solid #ddd}
.board_pager a.arr::before {display:block; width:100%; height:100%; font-family:"xeicon"; text-align:center; line-height:inherit}
.board_pager a.arr.first::before {content:""}
.board_pager a.arr.prev::before {content:""}
.board_pager a.arr.next::before {content:""}
.board_pager a.arr.last::before {content:""}
.board_pager a.arr.first, .board_pager a.arr.last {text-indent:-1.2rem; letter-spacing:-1.2rem}
.board_pager a.active {background-color:#333; color:#fff}
.board_pager .group {margin:0 0.5rem}
.board_pager .group a:last-child {display:none}

@media (max-width:768px)
{	
	/* 게시판 페이징 */
	.board_pager .group {margin:0 2rem}
	.board_pager .group a {display:none}
	.board_pager .group a:last-child,
	.board_pager .group .active {display:inline}
	.board_pager .group .active {background:none; font-weight:600; color:#333}
	.board_pager .group .active::after {font-weight:300; content:' / ' }
}