@charset "UTF-8";

.point {color:#f8991d; font-weight:500}

#contents_body {clear:both; overflow:hidden; padding-top:0}
.search_con {float:left; width:calc(100% - 25rem); padding-right:4rem}
.search-box {margin-bottom:1.5rem; overflow:hidden;width:100%}
.search-box #allKeyWord {border:2px solid #000;  border-radius:0.3rem;  height:5.5rem; line-height:5.5rem; padding:0 1.5rem 0 2rem; width:100%} 
.search-box .btn {background-color:#60bb46; border-radius:0.3rem; color:#fff; display:block; font-size:1.4rem; height:5.5rem; line-height:5.5rem; padding:0 1rem; text-align:center; width:100%}
.search-box .btn.filter {background-color:#2c3b66}
.search-box .research {border:1px solid #bbb; border-radius:.3rem; font-size:1.4rem; color:#666; display:block; height:5.5rem; line-height:5.5rem; width:100%; text-align:center}
/* .search_cont_title {border-bottom: 1px dashed #d6d6d6; font-size:1.8rem; text-align:center; padding-bottom:3rem; margin-bottom:3rem; word-break:keep-all} */
.search_cont_title {border-bottom: 1px dashed #d6d6d6; padding-bottom:2rem; margin-bottom:3rem; word-break:keep-all}

.form {clear:both; overflow:hidden}
.form > * {display:table-cell; vertical-align:top}
.form .input {float:left; width:60%}
.form .btn-box {float:right; display:table; width:40%}
.form .btn-box > * {display:table-cell; vertical-align:top; padding-left:.3rem}

/*체크박스*/
.check-box {border-bottom:2px solid #000; clear:both; padding:1rem 0; overflow:hidden; text-align:left; margin:1rem 0}
.check-box .article {font-size:1.4rem; border-bottom:1px solid #e7e7e7; display:table; float:left; table-layout:fixed; width:50%; padding:0.5rem 0}
.check-box .article .label {color:#999; font-size:1.4rem; font-weight:normal; display:table-cell; width:8rem; vertical-align:middle; padding-left:0}
.check-box .article .check-list {clear:both; display:table-cell; overflow:hidden}
.check-box .article .check-list .check {display:inline-block; margin-right:0.3rem}
.check-box .article .check-list .group {border-bottom:1px dashed #ddd; position:relative; padding-left:8rem}
.check-box .article .check-list .group:last-child {border-bottom:0}
.check-box .article .check-list .group .label {font-size:1.4rem; display:inline-block; position:absolute; left:0;}

.check-box .article:last-child,
.check-box .article:nth-last-child(2){border-bottom:0}

.check-box .check {margin:.2rem 0}
.check-box .check [type=radio],
.check-box .check [type=checkbox] {display:none}
.check-box .check label {border:none; color:#666; cursor:pointer; display:block; font-size:1.3rem; font-weight:normal !important; text-decoration:none !important; transition:all .3s; line-height:2; padding:0 .5rem; position:relative}
.check-box .check label::before {display:inline-block; font-size:14px; color:transparent; font-family:'xeicon'; width:14px; height:14px; line-height:1; vertical-align:-0.1rem; position:absolute; left:0.7rem; top:48%; transform:translateY(-50%)}
.check-box .check input:checked + label {background:none; color:#60bb46; padding:0 .5rem 0 2rem}
.check-box .check input:checked + label::before {content:"";  color:#55bb38; font-family:'xeicon'}
.check-box .check label:hover{border-color:#006bb7; color:#006bb7}
.check-box .article > * {vertical-align:middle}
.check-box .form_multi .form {background:none; border:none; padding:0}
.check-box .form_multi .label {padding:0}
@media (max-width:767px) {
	.check-box {border-bottom:0; border-radius:0.5rem; background-color:rgba(0,0,0,0.04); padding:0.5rem 2rem; margin:0.5rem 0 0} 
	
	.check-box .article {float:none; width:100%}
	.check-box .article .label {display:table-cell; width:7rem}
	.check-box .article .check-list {display:block; width:100%}
	.check-box .article:nth-last-child(2){border-bottom:1px solid #e7e7e7}
	
}

/*페이징 
* + .board_pager {margin-top:4rem}
.board_pager {font-size:1.5rem; 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;}
*/
/*검색결과 없을 때*/
.no-data {font-size:2rem; text-align:center; padding:3rem 0 4rem}
.no-data p {color:#666; font-size:1.5rem}

/*대체키워드*/
.replace-keyword {border-top:1px dashed #d6d6d6; padding-top:3rem}
.replace-keyword .title {display:block; font-size:1.7rem; font-weight:300; margin-bottom:1rem}
.replace-keyword .list li {float:left}
.replace-keyword .list li:first-child {margin-left:-2px}
.replace-keyword .list li a {display:block; border:1px solid #e3e3e3; border-radius:4px; font-size:1.5rem; padding:0.5rem 1rem; margin:2px}

/*검색
.btn_search {border:1px solid #ccc; background-color:#fbfbfb; border-radius:0.5rem; clear:both; overflow:hidden; padding:5rem 5rem; margin-bottom:3rem}
.btn_search > input {width:calc(100% - 20.5rem);height:6rem;padding:0 2rem;background-color:#fff; border:1px solid #ccc; border-radius:0.5rem 0 0 0.5rem; float:left}
.btn_search button {width:6rem;height:6rem;background-color:#02346b; border-radius:0 0.5rem 0.5rem 0; color:#fff;float:left;font-size:2.4rem;}
.form-check {position:relative; width:14rem; height:6rem; line-height:6rem; text-align:center; float:right}
.form-check input {width:0px;}
.form-check label {padding-left:20px;cursor:pointer;}
.form-check input::before {position:relative; display:block; margin-top:-1px; z-index:1}
.form-check input::after {content:'';position:absolute;top:2.3rem;width:16px;height:16px;border:1px solid #ddd; border-radius:2px; background-color:#fff}
.visual_search::after {display:none;}
*/
.content_style {clear:both; overflow:hidden}

.btn_search {width:40%; max-width:54rem; position:absolute; left:50%; top:10rem; transform:translateX(-50%)}
.btn_search > input {border:1px solid #dadada; border-radius:100px; width:100%; height:5.5rem; padding:0 3rem}
.btn_search > input::placeholder {color:#ccc; font-size:1.6rem; padding-right:1rem; text-align:center}
.btn_search button {background-color:#02346b; border-radius:100%; box-shadow:-5px 5px 5px rgba(0,0,0,0.18); color:#fff; font-size:2.2rem; width:5.5rem; height:5.5rem; line-height:5.5rem; overflow:hidden; position:absolute; right:0; top:-0.1rem}
.btn_search button i {display:block; width:5.5rem; height:5.5rem; line-height:5.5rem}
.btn_search .btn {display:none}
.btn_search .form-check {position:absolute; top:-0.5rem; right:-15rem; width:14rem; height:6rem; line-height:6rem; text-align:center; float:right}

/*다음 검색어로 검색*/
.keyword-search {background-color:#f3f3f3; border-radius:.3rem; font-size:1.4rem; padding:2rem 3rem; margin-bottom:3rem}
.keyword-search a {border-radius:100rem; border:1px solid #888; color:#444; padding:.2rem 1rem; transition:all .3s}
.keyword-search a:hover {border-color:#000; color:#000}

/*정렬*/
.search_cont {width:calc(100% - 280px);float:left;}
.search_cont .select_box {clear:both; overflow:hidden; margin-bottom:1rem}
.search_cont .select_box ul {float:right}
.search_cont .select_box ul li {float:left}
.search_cont .select_box ul li label {display:none}
.search_cont .select_box .select_style01 {background:#fff url('/upload/skin/search/findeep/select_style_bg.png') center right 1rem no-repeat; border:0; cursor:pointer; color:#666; font-size:1.5rem; height:3.5rem; padding:0 2.5rem 0 0.5rem}

/*검색결과*/
.search_cont .search_cont_title {font-size:2.4rem; padding-bottom:4rem; text-align:center}
.search_cont .search_cont_title span {color:#f16e2e; font-weight:bold}

/*검색내용*/
.search_cont .search_view_wrap {overflow:hidden;}
.search_view_box {border-top:1px dashed #d6d6d6; overflow:hidden; padding:3.5rem 0 5rem; position:relative; word-break:keep-all}
.search_view_box:first-child,
.search_view_box:first-of-type  {border-top:none; padding-top:0}

.search_view_box h5 {color:#2c3b66; font-size:2rem; font-weight:500; margin-bottom:2rem}
.search_view_box h5 .tcr {color:#999; font-size:1.4rem; font-weight:normal; margin-left:0.5rem}
.search_view_box .btn-more {position:absolute; right:0; top:4rem; color:#333; font-size:1.4rem}
.search_view_box .btn-more:after {content:''; display:inline-block; font-family:'xeicon'; font-size:1.2rem; margin-left:0.5rem; vertical-align:1px}
.search_view_box .btn-more .view-name {display:none}
.search_view_box:first-child .btn-more , .search_view_box:first-of-type .btn-more {top:0}
.search_view_box .list > li {margin-top:3rem}
.search_view_box li:first-child {margin-top:0}
.search_view_box .title {position:relative; padding-left:1rem; display:flex; flex-wrap:wrap; width:100%; justify-content:space-between}
.search_view_box .title:before {content:''; width:4px; height:4px; border-radius:100%; background-color:rgba(0,0,0,0.5); position:absolute; left:0; top:1.1rem}
.search_view_box .title > strong {color:#333; display:inline-block; flex:auto; font-weight:500; text-overflow:ellipsis; vertical-align:middle; white-space:nowrap; width:calc(100% - 80px); overflow:hidden}
.search_view_box .date {color:#666; display:flex; font-size:13px; margin-left:5px; width:75px; overflow:hidden; padding-top:2px; vertical-align:middle; white-space:nowrap}
.search_view_box .desc {color:#666; font-size:1.4rem; line-height:1.6; margin-top:0.5rem; padding-left:1rem; width:100%}
.search_view_box .path {clear:both; color:#999; display:block; font-size:1.3rem; margin-top:0.5rem}
.search_view_box .path:before {content:''; font-family:'xeicon'; font-size:1.4rem; display:inline-block; margin-right:.2rem; vertical-align:-1px}
.search_view_box .table {clear:both; margin-bottom:0}

.findeep-highlight {color:#f8991d; font-weight:500}
.findeep-content {display:-webkit-box !important; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 3; -webkit-box-orient:vertical; white-space:normal}

/*게시판*/
.search_view_box.result_b .desc {display:table;  table-layout:fixed}
.search_view_box.result_b .desc > * {display:table-cell; vertical-align:top}
.search_view_box.result_b .desc > * > p {display:inline}
.search_view_box.result_b .desc .thumb {float:none; padding-left:2rem; margin-right:0; width:13rem}
.search_view_box.result_b .desc .thumb:hover img,
.search_view_box.result_b .desc .thumb:focus img {opacity:1}

/*메뉴검색*/
.search_view_box.menu li {margin-top:.5rem}
.search_view_box.menu li:first-child {margin-top:0}
.search_view_box.menu li a {display:block; font-size:1.5rem; padding:0 0 0 1.3rem; position:relative}
.search_view_box.menu li a:before {content:''; width:0.5rem; height:1px; background-color:#666; position:absolute; left:0; top:1.3rem}
.search_view_box.menu li:hover a {color:#2196f3}

/*직원검색*/
.search_view_box.member .table table tbody td {word-break:break-all}

/*첨부파일검색*/
.search_view_box.file .title {padding-left:0}
.search_view_box.file .title:before {content:none}
.search_view_box.file .title a[data-target="file"] {display:inline-block; text-overflow:ellipsis; vertical-align:middle; white-space:nowrap; max-width:75%; overflow:hidden}
.search_view_box.file li a img {vertical-align:-5px}
.search_view_box.file .path strong {font-weight:400; color:#333}
.search_view_box.file .file-down {border:1px solid #ddd; border-radius:100rem; color:#999; font-size:12px; padding:2px 10px}

/* 이미지 */
.search_view_box.galleryList .list {clear:both; overflow:hidden}
.search_view_box.galleryList .list > li {color:#fff; float:left; width:calc(25% - 2px); margin:0 2px 2px 0; position:relative; z-index:0}
.thumb .img {background-color: #000; border-radius:.5rem;  display:block; width:100%; height:100%; transition:all .3s; position:relative; padding-top:100%; overflow:hidden}
.thumb .img img {display:block; transition:all .3s; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); min-height:100%; object-fit: cover;}
.thumb .desc {position: absolute; left: 0; top: 50%; z-index: 1; width: 100%; margin-top: 2rem; text-align: center; transform: translateY(-50%); opacity: 0; transition: all 0.2s; padding:2rem; word-break:keep-all}
.thumb .desc strong {display: block; margin-bottom: 1.5rem; font-size: 1.8rem; font-weight: 400;}
.thumb .desc a {display: inline-block; width: 4rem; height: 4rem; border-radius: 100%; border: 1px solid #fff; font-size: 2rem; text-align: center; line-height:3.3rem; vertical-align: middle; transition: all 0.2s;}
.thumb .desc a:hover,
.thumb .desc a:focus {background-color: #fff; color: #594e9c;}
.thumb .desc i {display: inline-block; vertical-align: middle;}
.thumb img {transition: all 0.2s;}
.thumb:hover img,
.thumb:focus img {opacity:1; transform:translate(-50%,-50%) scale(1.2)}
.thumb:hover .info,
.thumb:focus .info {transform: translateY(100%); opacity: 0;}
.thumb:hover .desc,
.thumb:focus .desc {margin-top: 0; opacity:0}

/*오른쪽*/
.search_card {float:right; width:25rem}
.search_card > div {width:100%; padding:2rem; border:1px solid #e3e3e3; border-radius:0.5rem; background-color:#fff; margin-bottom:1.5rem; overflow:hidden; position:relative}
.search_card .card_title {font-size:1.6rem; font-weight:500; color:#333; margin-bottom:1rem}
.search_card .card_title i {margin-right:5px;}
.search_card .word-list ul {overflow:hidden;margin-left:-2px;}
.search_card .word-list ul li {float:left;}
.search_card .word-list ul li a {border:1px solid #e3e3e3; border-radius:4px; color:#666; display:block; font-size:1.4rem; padding:0.5rem 1rem; margin:2px}
/*인기검색어*/
.search_card .word-best .latest {height:32rem}
.search_card .word-best .group {display:inline-block; float:left; width:33.3%}
.search_card .word-best .label {float:left; width:100%}
.search_card .word-best .label a {border:1px solid #e3e3e3; background-color:#f5f5f5; color:#999; display:block; font-size:1.5rem; font-weight:normal; padding:0.5rem 1rem; text-align:center}
.search_card .word-best .conBox {display:none; visibility:hidden; overflow:hidden; opacity:0; position:absolute; left:0; top:11rem; padding:0 2rem; width:100%}
.search_card .word-best .conBox li {font-size:1.4rem; position:relative}
.search_card .word-best .group:first-child .label a {border-radius:0.4rem 0 0 0.4rem; border-right:0}
.search_card .word-best .group:last-child .label a {border-radius:0 0.4rem 0.4rem 0; border-left:0}
.search_card .word-best .list {counter-reset:my-counter}
.search_card .word-best .list > li {color:#000; padding-left:2.5rem; position:relative; line-height:1.8}
.search_card .word-best .list > li:before {background-color:#02346b; border-radius:4px; content:counter(my-counter); counter-increment:my-counter; color:#fff; display:block; font-size:1rem; position:absolute; left:0; top:0.6rem; line-height:1.5rem; text-align:center; height:1.5rem; width:1.5rem}
.search_card .word-best .list > li a {color:#333; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:99.9%}
/*active*/
.search_card .word-best .group.active .conBox {display:block; visibility:visible; overflow:visible; opacity:1}
.search_card .word-best .group.active .label a {background-color:#fff; color:#000}

@media (max-width:1320px){
	#logo:after {top:1px; font-size:2rem}
	.btn_search {width:35%}
}

@media (max-width:1280px){
	#snb {display:block; float:none; width:100%}
	
	#snb .list ul li {display:none}
	#snb .list ul li.active {display:block}
	#snb .list.active ul li {display:block}
}

@media (max-width:1200px){
	#main_wrap {padding-top:4rem}
	.search_con {width:100%; float:none; padding-right:0}
	.search_card {width:100%; float:none}
}

@media (max-width:1023px){
	/* 게시판 페이징 */
	.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:' / ' }
	
	.btn_search {width:calc(100% - 4rem); max-width:45rem; top:14rem}
}

@media (max-width:767px){
	#header .header_wrap {height:13rem}
	#logo:after {top:3px}
	.btn_search .form-check {position:relative; right:auto; float:none; margin:0 auto}
	
	.form .input {display:block; float:none; width:100%}
	.form .btn-box {float:none; width:100%; margin:.5rem 0 0 -.3rem}
	
	#main_wrap {background-color:#f9f9f9; padding:0 1rem; width:100%; max-width:100%}
	
	.search-box {margin-bottom:1rem}
	.search-box .btn {height:5rem; line-height:5.2rem}
	.search-box .research {height:5rem; line-height:5.2rem}
	
	.search_cont_title {border:1px solid rgba(0,0,0,0.05); border-radius:0.5rem; background-color:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.1); font-size:14px; margin-bottom:1rem; padding:1.5rem 2rem}
	
	.search_view_box {border:1px solid rgba(0,0,0,0.05); border-radius:0.5rem; background-color:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.1); margin-top:1rem; padding:0}
	.search_view_box:first-child, .search_view_box:first-of-type {margin-top:0}
	.search_view_box h5 {border-bottom:1px solid rgba(0,0,0,0.05); font-size:15px; margin-bottom:0; padding:1.5rem 2rem; position:relative}
	.search_view_box h5 .tcr {font-size:12px; margin-left:0; position:absolute; right:2rem; top:1.8rem}
	.search_view_box .list > li {border-top:1px solid rgba(0,0,0,0.05); margin-top:0; padding:1.5rem 2rem}
	.search_view_box li:first-child {border-top:0}
	.search_view_box .title {font-size:14px; padding-left:0}
	.search_view_box .title:before {display:none}
	.search_view_box .title > strong {width:calc(100% - 72px)}
	.search_view_box .date {color:#999; font-size:12px; width:67px}
	.search_view_box .desc {color:#333; font-size:12px; line-height:1.5; padding-left:0}
	.search_view_box .path {color:#999; font-size:12px}
	.search_view_box .path:before {font-size:13px}
	.search_view_box .btn-more {background-color:#f5f6f9; color:#b4b7bf; display:block; font-size:13px; height:4rem; line-height:4rem; position:relative; text-align:center; top:auto}
	.search_view_box .btn-more .view-name {display:inline}
	
	.search_view_box.menu li a {font-size:14px; padding-left:0}
	.search_view_box.menu li a:before {display:none; top:1rem}
	.search_view_box.member .list {padding:2rem}
	.search_view_box.result_b .desc .text-overflow {display:none}
	.search_view_box.file li {padding-right:7rem}
	.search_view_box.file .title > strong {width:100%}
	.search_view_box.file .title a[data-target="file"] {max-width:calc(100% - 25px)}
	.search_view_box.file .file-down {font-size:0; width:40px; height:40px; padding:0; text-align:center; display:inline-block; vertical-align:middle; position:absolute; right:-5rem; border:0; background:#f9f9f9}
	.search_view_box.file .file-down i {font-size:16px; line-height:40px}
	.search_view_box.file .date {display:none; margin-left:0}
	.search_view_box.galleryList .list {padding:2rem}
	.search_view_box.galleryList .list > li {padding:0; border:0}
	
	.keyword-search {margin-bottom:1rem}
	
	.search_card {margin-top:2rem}
	.search_card > div {border:1px solid rgba(0,0,0,0.05); box-shadow:0 1px 3px rgba(0,0,0,0.1); margin-bottom:1rem}
	.search_card .card_title {font-size:15px}
	.search_card .word-best .label a {font-size:14px}
	.search_card .word-list ul li a {font-size:12px}
	.search_card .word-best .list > li:before {top:0.4rem; line-height:1.6rem}
}

@media (max-width:640px){
	.search_view_box.galleryList .list > li {width:calc(50% - 2px)}
}