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

/*-------------------------------------------------
title       :	검색결과
Create date :	2024-04-17
-------------------------------------------------*/

/* 공통/레이아웃 =================================================================*/
#contents_body {clear:both; overflow:hidden;}
#contents {width:100%; padding-left:0;}
#snb {display:none;}
.point {color:#003CA6; font-weight:800;}
.findeep-highlight {color:#003CA6; font-weight:500}
.search_con {float:left; width:calc(100% - 23.5rem); padding:0 6rem 0 26.5rem; position:relative; min-height:96rem}
@media screen and (max-width:600px) {
	#contents .contents_util .nav-depth .list.depth1 {flex:1;}
}
@media screen and (max-width:450px) {
	#contents .contents_util .nav-depth .list.depth1 {display:block; flex:1;}
}



/* 상단 =================================================================*/


/* 입력 폼 영역 */
.search-box {width:100%; margin-bottom:5rem; border-top:1px solid #203763; border-bottom:1px solid #203763;}
.search-box .form {padding:3.0rem; border-bottom:1px solid #E4E8F0;}
.search-box .form #search_wrap{display:flex; flex-direction:row; justify-content:space-between; gap:0.5rem;}
.search-box .form .input {flex:1;}
.search-box .form .btn-box {display:flex; gap:0.5rem}
.search-box .form .btn-box > * {flex:1 1 auto}
.search-box .form .btn-box .item {display:flex; flex-direction:row; align-items:Center;}
.search-box .form .btn-box .btn {background:#003CA6; color:#fff; display:flex; align-items:center; justify-content:center; font-size:1.6rem; height:5rem; padding:0 2rem; text-align:center; width:100%; transition:0.2s;}
.search-box .form .btn-box .btn.reset{background:#dd0000;}
.search-box .form .btn-box .btn.filter {background:#545762}
.search-box .form .btn-box .btn i {margin-right:0.5rem}
.search-box #allKeyWord {border:2px solid #000; border-radius:0.3rem; height:5rem; line-height:5rem; padding:0 1.5rem 0 2rem; width:100%;}
.search-box .research {background-color:#fff; font-size:1.6rem; color:#666; cursor:pointer; display:flex; height:5rem; width:100%; text-align:center; align-items:center; justify-content:center}
.search-box .research input {margin-right:0.5rem}
@media screen and (min-width:1201px){
	.search-box .form .btn-box .btn:hover {background:#4A6A9B; border-radius:0.5rem; box-shadow:0 1px 6px rgba(0, 0, 0, 0.16);}
	.search-box .form .btn-box .btn.reset:hover {background:#ff0000;}
	.search-box .form .btn-box .btn.filter:hover {background:#888; }
}

/* 상세검색 */
.check-box {overflow:hidden; background:#F7F9FE; padding:3rem 4rem; text-align:left; margin:2rem 0; border-radius:0;}
.check-box .article {float:left; display:flex; flex-direction:row; align-items:center; flex-wrap:nowrap; width:50%; padding:0.5rem 0; border:none; box-sizing:border-box;}
.check-box .article .label {font-size:1.8rem; font-weight:normal; width:10rem; vertical-align:middle; padding:0; word-break:keep-all}
.check-box .article .check-list {flex:1; display:flex; flex-direction:row; align-items:center; gap:3.0rem; width:inherit;}
.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.6rem; display:inline-block; position:absolute; left:0;}
.check-box .check {margin:.2rem 0}
.check-box .check label {border:none; border-radius:0; background-color:inherit; color:#151515; cursor:pointer; display:block; font-size:1.6rem; font-weight:normal !important; text-decoration:none !important; transition:all .3s; line-height:2; min-width:auto; padding:0; position:relative;}
.check-box .check label::before {content:"\eb7a"; width:2rem; height:2rem; line-height:2rem; font-size:2rem; font-family:'remixicon'; color:#C8C8C8; vertical-align:middle;}
.check-box .check input:checked + label {background:none; color:#1B5AC9;}
.check-box .check input:checked + label::before {color:#1B5AC9; font-weight:700 !important;}
.check-box .check label:hover{border-color:#1B5AC9; color:#1B5AC9}
.check-box .article > * {vertical-align:middle}
.check-box .form_multi .form {background:none; border:none; padding:0}
.check-box .form_multi .label {padding:0}

/* 이미지 검색 영역 */
#imgZone {transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; transition-property: opacity; padding: 0.25rem; background-color:#F7F9FE; width:100%; height: max-content; /* margin-top:2rem; */ padding:2rem; box-shadow:0 3px 10px #00000029;}
#imgZoneTitleWrap {display: flex; justify-content: space-between; width:800px; max-width:100%; margin:0 auto; }
#imgZoneTitle {font-weight:600; font-size:2rem;}
#dropZone {width:800px; max-width:100%; min-height:200px; margin:2rem auto 0; padding-top: 2rem; padding-bottom: 2rem; border:2px dashed #ABBED1; justify-content: center; align-items: center; display: flex;}
#dropZoneDesc {font-size:1.6rem;}
#imgZoneCloseWrap { display: flex; align-items: center;}
#imgZoneClose { -webkit-appearance: button; background-color: transparent; background-image: none; cursor: pointer;}
#imgZoneClose .sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0;}
#imgZoneClose svg{ width: 2rem; height: 2rem; }
#upload-button { color: rgb(251 146 60); text-decoration-line: underline; cursor: pointer; }
@media (min-width:1024px) {
	#site-tab ul a:hover {color:#0ba2b5}
}


/* 사이트 선택 탭 */
#site-tab {display:block; margin-bottom:5rem; margin-top:-5rem; width:100%}
#site-tab .title {display:none}
#site-tab ul {border-bottom:1px solid #ccc; display:flex; flex-wrap:wrap; margin-bottom:5rem; justify-content:center; width:100%}
#site-tab ul li {margin:0 1rem}
#site-tab ul a {color:#333; font-size:2rem; font-weight:700; display:block; height:100%; line-height:1.4; word-break:keep-all; position:relative; padding:2rem 0.5rem; transition:all 0.2s}
#site-tab ul a:before {content:''; background-color:#17bcc0; position:absolute; left:0; bottom:-2px; width:0; height:3px; transition:all 0.3s}
#site-tab ul li.active a {color:#0ba2b5}
#site-tab ul li.active a:before {width:100%}
#site-tab ul li.active:focus::before,
#site-tab ul li a:focus::before {border:1px dotted #000}
#site-tab li.active {color:#0ba2b5;}




/* 좌측 =================================================================*/
.side-mn  {width:27rem; padding-right:6rem; position:absolute; left:0; top:0}
.side-mn .title {background-color:#1B5AC9; color:#fff; font-size:2.4rem; font-weight:700; padding:4rem 1rem; text-align:center}

/* 통합검색 메뉴 */
.side-mn .head_menu_depth {}
.side-mn .head_menu_depth li {border:1px solid #ccc; border-top:none}
.side-mn .head_menu_depth li a {display:block; font-size:1.6rem; padding:1rem 4rem 1rem 2rem; position:relative; text-align:left; word-break:keep-all}
.side-mn .head_menu_depth li a:after {content:'\ea6e'; font-family:'remixicon'; font-size:1.8rem; position:absolute; right:1.5rem; top:50%; transform:translateY(-50%)}
.side-mn .head_menu_depth li.active a {font-weight:700; color:#1B5AC9;}
.side-mn .head_menu_depth li a:hover:after {color:#0077D4;}
@media (max-width:767px) {
	.side-mn .head_menu_depth li a {font-size:1.5rem; padding: 1rem 4rem 1rem 1rem}
}

/* 워드 클라우드 */
#word_cloud {width:100%; padding:1rem; margin-top:1rem; border:1px solid #e3e3e3; border-radius:0.5rem; background-color:#fff; margin-bottom:1.5rem; position:relative}
#top_word_cloud { display: inline-block; position: relative; width: 100%; vertical-align: top; /* overflow: hidden; */-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.cloudToolTip { position: absolute; border: 0 none; border-radius: 4px 4px 4px 4px; background: rgba(0, 0, 0, 0.8); color: white;  padding: 1px 10px 1px 10px; text-align: center; white-space: nowrap; text-overflow: clip;}
.cloudToolTip .tooltip-box { font: 12px sans-serif; }
.cloudToolTip .tooltip-box span { color: red; }







/* 우측 =================================================================*/
.search_card {float:right; width:23.5rem}
.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:600; color:#333; margin-bottom:1rem}
.search_card .card_title i {margin-right:5px;}
.search_card .word-list ul {display:flex; flex-direction:row; flex-wrap:wrap; gap:3px 4px;}
.search_card .word-list ul li a {display:block; border:1px solid #E1E1E1; font-size:1.4rem; font-weight:normal; padding:0.2rem 1.0rem; text-align:center; border-radius:100px;}

/* 검색버블 */
.bubble-list {padding:0!important; display:none;}
.bubble-title {margin-top: 2rem; margin-left: 2rem;}
#keywordRelated2{padding: 0;}
#bubbleCloud text { fill: #fff; transition: all 0.3s; text-overflow: ellipsis; }
#bubbleCloud .chart { margin: 0 auto; max-width: 1000px; max-height: 1000px; }
#bubbleCloud .chart-svg { width: 100%; height: 100%; }
#bubbleCloud .node { cursor: pointer; }
#bubbleCloud .node circle { transition: transform 200ms ease-in-out; }
#bubbleCloud .node:hover circle,
#bubbleCloud .node:hover text { transform: scale(1.1); }
#bubbleCloud .node:hover text { font-weight: bold; }
#bubbleCloud .graph { opacity: 0; animation-name: bubbleAnimateIn; animation-duration: 900ms; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(.7, .85, .41, 1.21); }
@media (max-width:1200px) {#word_cloud{display:none;}}

/*인기검색어*/
.search_card .word-best .latest {height:40.5rem}
.search_card .word-best .group {display:inline-block; float:left; width:33.3%}
.search_card .word-best .label {float:left; width:100%; padding:0 0.3rem;}
.search_card .word-best .label a {display:block; border:1px solid #E1E1E1; font-size:1.4rem; font-weight:normal; padding:0.2rem 0; text-align:center; border-radius:100px;}
.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.6rem; position:relative}
.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; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.search_card .word-best .list > li:before {background-color:#003CA6; border-radius:100%; content:counter(my-counter); counter-increment:my-counter; color:#fff; display:block; font-size:1rem; position:absolute; left:0; top:50%; transform:translateY(-50%); line-height:1.9rem; text-align:center; height:1.8rem; width:1.8rem}
.search_card .word-best .list > li a {color:#333; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:99.9%}
.search_card .word-best .group.active .conBox {display:block; visibility:visible; overflow:visible; opacity:1}
.search_card .word-best .group.active .label a {border-color:#002361;}





/* 컨텐츠 영역 =================================================================*/
.search_cont_title {border-bottom: 1px solid #ddd; padding:0 0 3rem; margin-bottom:3rem;}

.search_view_box {overflow:hidden; position:relative}
.search_view_box + .search_view_box {margin-top:8rem;}
.search_view_box h5 {color:#181A5E; font-size:2.8rem; font-weight:600; margin-bottom:2rem}
.search_view_box h5 .tcr {color:#888; font-size:1.4rem; font-weight:normal; margin-left:0.5rem}
.search_view_box .btn-more {position:absolute; right:0; top:0.5rem; color:#333; font-size:1.6rem}
.search_view_box .btn-more:after {content:'\ea6e'; display:inline-block; font-family:'remixicon'; font-size:2rem; margin-left:0.2rem; vertical-align:-1px}
.search_view_box .btn-more .view-name {display:none}
.search_view_box .list > li {margin-top:4rem}
.search_view_box li:first-child {margin-top:0}
.search_view_box .title {position:relative; display:flex; flex-wrap:wrap; width:100%; justify-content:space-between}
.search_view_box .title > strong {color:#000; display:inline-block; flex:auto; font-weight:500; padding-right:5px; text-overflow:ellipsis; vertical-align:middle; white-space:nowrap; width:calc(100% - 100px); overflow:hidden}
.search_view_box .date {color:#666; font-weight:300; display:flex; font-size:1.6rem; width:10rem; overflow:hidden; padding-top:2px; vertical-align:middle; justify-content:flex-end}
.search_view_box .desc {color:#666; font-size:1.6rem; line-height:1.6; margin-top:1.5rem; width:100%}
.search_view_box .path {clear:both; color:#767676; display:block; font-size:1.6rem; margin-top:2.5rem}
.search_view_box .path:before {content:''; font-family:'xeicon'; font-size:1.6rem; display:inline-block; margin-right:.2rem; color:#c8c8c8;}
.search_view_box .path .linkWindow:after {content: "\f0f3" !important; font-family:'remixicon'; vertical-align:0rem; color:#c8c8c8;}
.search_view_box .table {clear:both; margin-bottom:0}
.search_view_box .tagList {margin-top:.5rem}
.search_view_box .tagList .tag {background-color:#f5f5f5; border-radius:100rem; color:#666; display:inline-block; font-size:1.4rem; padding:0 1rem}

/* 메뉴검색 */
.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; 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.5rem}
.search_view_box.menu li:hover a {color:#0077D4}

/* 게시물 검색 */
.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 {display:flex; margin-left:auto; overflow:hidden; float:none; margin-right:0; width:11rem; max-height:8.3rem; border-radius:0.8rem;}
.search_view_box.result_b .desc .thumb i {display:block;}
.search_view_box.result_b .desc .thumb i img {object-fit:cover;}
.search_view_box.result_b .desc .thumb:hover img,
.search_view_box.result_b .desc .thumb:focus img {opacity:1}

/* 직원검색 */
.search_view_box.member .table {font-size:1.6rem}
.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:70%; 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:#888; font-size:1.5rem; padding:4px 10px; margin-left:0.5rem; transition:0.3s; white-space:nowrap;}
.search_view_box.file .file-link {border:1px solid #ddd; border-radius:100rem; color:#888; font-size:1.5rem; padding:4px 10px; margin-left:0.5rem; transition:0.3s; white-space:nowrap;}


@media screen and (min-width:1024px) {
	.search_view_box.file .file-down:hover {background:#003CA6; border-color:#003CA6; color:#fff;}
	.search_view_box.file .file-link:hover {background:#003CA6; border-color:#003CA6; color:#fff;}

}
.search_view_box.file .table table th {padding-left:0.5rem; padding-right:0.5rem;}
.search_view_box.file .table table td {padding-left:0.5rem; padding-right:0.5rem;}
.search_view_box.file .table table td.txt_left {padding-left:1.6rem; padding-right:1.6rem;}
.search_view_box.file .table .button.sm {margin:0 auto;}
.search_view_box.file .table .button.sm a {padding:0 3px; width:9rem; justify-content:center;margin:0 auto;}
.search_view_box.file .table .button.sm a::after {margin-left:2px;}
.search_view_box.file .table .file-down {margin:0;}
.search_view_box.file .table .file-link {margin:0;}


/* 이미지 검색 */
.search_view_box.galleryList .list {clear:both; overflow:hidden; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:4rem 1.5rem;}
.search_view_box.galleryList .list > li {color:#fff; position:relative; z-index:0; margin:0; padding:0;}
.search_view_box.galleryList .thumb .img { border-radius:.5rem;  display:block; width:100%; height:100%; transition:all .3s; position:relative; padding-top:100%; overflow:hidden; border:0.6px solid rgba(0,0,0,0.1);}
.search_view_box.galleryList .thumb .img img {display:block; transition:all .3s; position:absolute; top:0; min-height:100%; object-fit: cover;}
.search_view_box.galleryList .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}
.search_view_box.galleryList .thumb .desc strong {display: block; margin-bottom: 1.5rem; font-size: 1.8rem; font-weight: 400;}
.search_view_box.galleryList .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;}
.search_view_box.galleryList .thumb .desc a:hover,
.search_view_box.galleryList .thumb .desc a:focus {background-color: #fff; color: #594e9c;}
.search_view_box.galleryList .thumb .desc i {display: inline-block; vertical-align: middle;}
.search_view_box.galleryList .thumb img {transition: all 0.2s;}
.search_view_box.galleryList .thumb:hover img,
.search_view_box.galleryList .thumb:focus img {opacity:1; transform: scale(1.2)}
.search_view_box.galleryList .thumb:hover .info,
.search_view_box.galleryList .thumb:focus .info {transform: translateY(100%); opacity: 0;}
.search_view_box.galleryList .thumb:hover .desc,
.search_view_box.galleryList .thumb:focus .desc {margin-top: 0; opacity:0}





/* 파인딥 */
.findeep-content {display:-webkit-box !important; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 3; -webkit-box-orient:vertical; white-space:normal}

/* 검색결과 없음 */
.no-data .btn-wrap {display:block;}
.no-data .btn-wrap .btn {background-color:#0077D4; border:1px solid #0077D4; color:#fff; display:inline-block; transition:all .3s;font-size: 1.5rem; padding: 1rem 2rem;}
.no-data.tip {margin-top:2rem; border:1px solid #ddd; padding:3rem 2rem 4.5rem}
.no-data.tip .btn {background-color:#fff; border:2px solid #0077D4; color:#0077D4; font-weight:500}











/* 아래 정리 안됨 :: 2024.04.17 sincos ====================================================================================================================*/

.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}


/*대체키워드*/
.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}

/*일반게시판*/
.board .title {padding:0 !important; margin-top:1rem}
.board .title:before {display:none}
.board .title > strong {font-size:2rem; font-weight:500}
.board .desc {padding-left:0 !important}

/*문헌, 기타 */
.desc.DATA001, .desc.DATA005{display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal;}

/*사진*/
.photo {display:flex; flex-wrap:wrap; width:calc(100% + 2rem)}
.photo li {width:calc(33.333% - 2rem); margin:0 2rem 3rem 0 !important}
.photo .title {padding:0 !important; margin-top:1rem}
.photo .title:before {display:none}
.photo .title > strong {font-size:2rem; font-weight:500}
.photo .desc {padding-left:0 !important}
.photo .tagList {line-height:normal; margin-top:-0.3rem !important}
.photo .tagList .tag {background:none !important; color: #0077D4!important; padding:0 .5rem 0 0 !important}




.contents_info {display:inline-block;}

/*검색
.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}

/*다음 검색어로 검색*/
.keyword-search {background-color:#f3f3f3; border-radius:.3rem; font-size:1.4rem; padding:2rem 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_board_pagertitle span {color:#f16e2e; font-weight:bold}
.search_cont .search_view_wrap {overflow:hidden;}

/*웹진 형식*/
.webzine.list {display:block !important}
.webzine.list > li {border-top:1px solid #ddd; width:100%; padding:3rem 0; margin:0}
.webzine.list > li:first-child {border-top:0; padding-top:0}
.webzine.list > li:last-child {padding-bottom:0}
.webzine .title {padding:0}
.webzine .title:before {display:none}
.webzine .title > strong {font-size:2rem; font-weight:500}
.webzine a {display:block; position:relative; padding-left:25rem; height:15rem}
.webzine a .img {position:absolute; left:0; top:0; width:20rem; padding-top:15rem; overflow:hidden}
.webzine a .img img {position:absolute; left:0; top:50%; transform:translateY(-50%)}
.webzine a .desc {position:inherit; top:auto; transform:initial; opacity:1; text-align:left; padding:0; margin:0; height:5rem; overflow:hidden}
@media screen and (max-width:1200px) {

	.webzine.list > li:first-child {padding-top:1.5rem !important}
	.webzine.list > li:last-child  {padding-bottom:1.5rem !important}
	.search_view_box .btn-more:after {vertical-align:-2px}
}

@media screen and (max-width:767px) {

	.webzine a {padding-left:12rem; height:14rem}
	.webzine a .img {width:10rem; padding-top:8rem}
	.webzine .tagList {line-height:normal; margin-top:1rem; position:absolute; left:0}
	.webzine .tagList .tag {background:none;color: #0077D4;padding:0 .5rem 0 0}
}

/*유튜브 2열*/
.media {display:flex; flex-wrap:wrap; width:calc(100% + 2rem)}
.media li {width:calc(50% - 2rem); margin:0 2rem 3rem 0 !important}
.media .title {padding:0; margin-top:1rem}
.media .title:before {display:none}
.media .title > strong {font-size:2rem; font-weight:500}
.media .desc {margin:0; padding:0; height:5rem; overflow:hidden}
.media .tagList {line-height:normal; margin-top:1rem}
.media .tagList .tag {background:none;color: #0077D4;padding:0 .5rem 0 0}

@media screen and (max-width:767px) {
	.media li {width:calc(100% - 2rem); margin-bottom:0 !important}
}

.card01{overflow: visible !important;}



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

@media (max-width:1200px){

	/* 입력 폼 영역 */

	.search-box .form #search_wrap {flex-wrap:wrap;}
	.search-box .form .btn-box.up {}
	.search-box .form .btn-box.down {width:100%;}
	.search-box .form .btn-box.down .item {flex:1;}
	.search-box .form .btn-box .btn {border-radius:3px;}
	.search-box .form .btn-box .btn.search {font-size:0;}
	.search-box .form .btn-box .btn.search i {font-size:2rem; margin:0;}
	.search-box .form .btn-box .item:has(.form_check) {flex:none; width:20rem; padding-left:0.5rem;}

	/* 상세검색 체크박스 */
	.check-box {padding:3rem;}
	.check-box .article .label {width:7rem;}

	.search_con {width:100%; float:none; padding-right:0}
	.search_card {width:100%; float:none}

	.depth4_tab {position:relative; padding-top:6rem; margin-bottom:3rem; z-index:3}
	.depth4_tab ul {border-bottom:0; display:block; position:absolute; top:0; padding-top:6rem; margin-bottom:0}
	.depth4_tab ul > li {border:1px solid #ddd; background-color:#fff; display:block; margin:0 0 -1px; visibility:hidden; overflow:inherit; width:100%; height:0; opacity:0; transition:all .2s}
	.depth4_tab ul > li a {font-size:1.8rem; padding:0 2rem; text-align:left}
	.depth4_tab ul > li.active {border:2px solid #0077D4; position:absolute; top:0; width:100%; height:6rem; visibility:visible; overflow:hidden; opacity:1}
	.depth4_tab ul > li.active a {color:#0077D4; padding:1.6rem 2rem}
	.depth4_tab ul > li.active a::before {display:none}
	.depth4_tab ul > li.active a::after { position: absolute; bottom: auto; left: auto; right: 1.5rem; font-family: "remixicon"; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; background-color:inherit; z-index:inherit; width:auto; height:auto}
	.depth4_tab ul li.active + li {display:block}
	.depth4_tab.active ul > li { visibility: visible; height:6rem; opacity: 1; }
	.depth4_tab.active ul > li.active a::after {bottom:1.5rem; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
	.depth4_tab.active ul li {display:block}
	.depth4_tab.active ul li a {padding:1.6rem 2rem}

	.btn_search .form-check {position:relative; right:auto; float:none; margin:0 auto}

	.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:16px; margin:1rem 0; 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:18px; margin-bottom:0; padding:1.5rem 2rem; position:relative}
	.search_view_box h5 .tcr {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:16px; padding-left:0}
	.search_view_box .title:before {display:none}
	.search_view_box .date {color:#999; font-size:14px}
	.search_view_box .desc {color:#333; font-size:14px; line-height:1.5; padding-left:0}
	.search_view_box .path {color:#999; font-size:14px}
	.search_view_box .path:before {font-size:13px}
	.search_view_box .btn-more {background-color:#f5f6f9; display:block; height:4rem; line-height:4rem; position:relative; text-align:center; top:auto !important}
	.search_view_box .btn-more .view-name {display:inline}

	.search_view_box.menu li a {font-size:16px; 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; gap:2rem 1.5rem;}
	.search_view_box.galleryList .list > li {border:none;}
	.search_view_box.galleryList .thumb .img {padding-top:125%;}

	.archiveList .list {padding:2rem}
	.archiveList .list li {padding:0; border-top:0}

	.search_con {min-height:50rem; padding-left:0}

	.side-mn {position:inherit; width:100%; padding-right:0; margin-bottom:3rem;}
	.side-mn ul {display:flex; flex-wrap:wrap; padding:1px; border-top:1px solid #ccc;}
	.side-mn ul li {border-top:1px solid #ccc; width:50%; margin:-1px 0 0 -1px}

	.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}

	#site-tab {position:relative; padding-top:6rem; margin-bottom:3rem; margin-top:0; z-index:3}
	#site-tab ul {border-bottom:0; display:block; position:absolute; top:0; padding-top:6rem; margin-bottom:0}
	#site-tab ul > li {border:1px solid #ddd; background-color:#fff; display:block; margin:0 0 -1px; visibility:hidden; overflow:inherit; width:100%; height:0; opacity:0; transition:all .2s}
	#site-tab ul > li a {font-size:1.8rem; padding:0 2rem; text-align:left}
	#site-tab ul > li.active {border:2px solid #0077D4; position:absolute; top:0; width:100%; height:6rem; visibility:visible; overflow:hidden; opacity:1}
	#site-tab ul > li.active a {color:#0077D4; padding:1.6rem 2rem}
	#site-tab ul > li.active a::before {display:none}
	#site-tab ul > li.active a::after { position: absolute; bottom: auto; left: auto; right: 1.5rem; font-family: "remixicon"; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; background-color:inherit; z-index:inherit; width:auto; height:auto}
	#site-tab ul li.active + li {display:block}
	#site-tab.active ul > li { visibility: visible; height:6rem; opacity: 1; }
	#site-tab.active ul > li.active a::after {bottom:1.5rem; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
	#site-tab.active ul li {display:block}
	#site-tab.active ul li a {padding:1.6rem 2rem}
	.side-mn .title {display:none}
}

@media (max-width:1024px){

	/* 입력 폼 영역 */
	.search-box .form {padding:2rem 0;}
	.search-box .form .btn-box .btn {padding:0 1.5rem;}
	.search-box .form .btn-box .item:has(.form_check) {width:18rem;}

	/* 상세검색 체크박스 */
	.check-box {padding:2rem; }
	.check-box .article {float:none; width:100%; padding:0.3rem 0;}
	.check-box .article + .article {border-top:1px dotted #ddd;}
	.check-box .article .label {width:10rem; font-size:1.6rem; font-weight:600; margin:0;}
	.check-box .article .check-list {flex:1; display:flex; flex-direction:row; align-items:center; gap:3.0rem; width:inherit;}
	.check-box .article .check-list .check {width:8.5rem;}
}

@media (max-width:768px) {
	/* 입력 폼 영역 */
	.search-box #allKeyWord {font-size:1.5rem;}
	.search-box .form .btn-box .btn {padding:0 1rem; font-size:1.4rem;}
	.search-box .form .btn-box.down .btn {height:4rem;}
	.search-box .form .btn-box .form_check label {font-size:1.4rem;}
	.search-box .form .btn-box .item:has(.form_check) {width:15rem;}


	/* 상세검색 체크박스 */
	.check-box {border-bottom:0; border-radius:0.5rem; background-color:rgba(0,0,0,0.04); padding:0.5rem 2rem; margin:0;}
	.check-box .article {float:none; width:100%}
	.check-box .article .label {display:table-cell; width:6rem; font-size:1.4rem}
	.check-box .article .check-list {display:block; width:100%}
	.check-box .article .check-list .check {width:7.5rem;}
	.check-box .article .check-list .check label {font-size:1.4rem}
	.check-box .article:nth-child(1) {border-bottom:1px solid #e7e7e7}

	.photo {padding:1.5rem}
	.photo li {width:calc(50% - 2rem); padding:0 !important}

	.search_card .word-list ul li a {font-size:1.4rem}
	.search_card .word-best .latest {height:37rem}
	.search_card .word-best .list > li a {font-size:1.4rem}

	.search_view_box.galleryList .list {grid-template-columns:repeat(3, minmax(0, 1fr)); gap:3rem 1.5rem;}
}

@media (max-width:640px){
	.archiveList .list li {width:calc(50% - 2rem)}
	.archiveList .list li:nth-child(3) {margin-top:2rem;}

	#imgZone {padding:2rem;}
	#dropZone {padding:6rem 1rem; text-align:center; word-break:keep-all;}
}

@media (max-width:480px){
	/* 입력 폼 영역 */
	.search-box .form .btn-box .form_check label {letter-spacing:-1px;}
	.search-box .form .btn-box .item:has(.form_check) {width:10.3rem; padding:0;}

	.search_view_box.galleryList .list {grid-template-columns:repeat(2, minmax(0, 1fr)); gap:3rem 1.5rem;}
	.search_view_box.galleryList .thumb .img {padding-top:100%;}
}

@media (max-width:360px){
	/* 입력 폼 영역 */
	.search-box .form .btn-box .btn { font-size:1.3rem; white-space:nowrap;}
}