/* 컨텐츠 */
.contents{position:relative;padding:28px 0;border-top:1px solid #776d5d;background-color:#f7f4f2;}
.contents .inner{border:1px solid #ebe5e1;background-color: #fff;}
/* 검색결과 요약 */
.short_wrap{float:left;width:calc(100% - 308px);padding:20px 20px 146px 20px;background-color: #fff;}
.short{position:relative;padding:18px;border:1px solid transparent;border-bottom-color:#ececec;border-right-color:#ececec}
.short:hover{border-color:#ad0017}
.short .info{position: relative;width:88%;padding-right:26px;font-size:13px;min-height:96px;}
.short .info li{margin-bottom:4px;font-size:15px;}
.short .info::after{content:'';display: block;position:absolute;top:0;right:0;width:1px;height:100%;background-color: #eee;}
.short .accuracy{position: absolute;top:50%;right:6px;transform:translateY(-50%);width:12%;text-align: center;}
.short .iss_num{font-size: 14px;font-weight:450;}
.short .iss_tit{font-size: 20px;font-weight:520;letter-spacing: -1.8px;}
.short .iss_tit.under{text-decoration: underline;}
.short .iss_tit a:visited{color:rgb(128,133,233)}
.short .iss_tit.click a{font-weight: normal;color:rgb(128,133,233);} /*판례보기 클릭했을때*/
.short .iss_date{font-size:15px;font-weight:450;color:#444}
.short .iss_date em{margin-right:7px;color:#888}
.short .iss_date span{margin-right:15px;}
.short .iss_detail span{font-size:14px;color:#444} /* 결정문 지정재판부 영역 */
.short .iss_detail p {color:#888}
.short .iss_detail p a{color:#888}
.short .elli{overflow:hidden;text-overflow: ellipsis;display:-webkit-box; word-wrap:break-word;-webkit-box-orient:vertical;font-size: 15px;}
.short .elli.e2{-webkit-line-clamp:2;font-weight: 300;}
.short .elli.e3{-webkit-line-clamp:3;}
.short .elli.e4{-webkit-line-clamp:4;}
.short .hover_txt{display:none;position:absolute;top:86px;left:20px;}
.short .hover_txt:after{content:'';display: block;position: absolute;top:-9px;left:20px;width:16px;height:16px;background-color:#fff;border-top:1px solid #d4c6bb;border-right:1px solid #d4c6bb;transform: rotate(-45deg);}
.short .hover_txt .txt{position:relative;overflow:hidden;width:716px;height:118px;padding:20px;font-size:13px;border:1px solid #d4c6bb;border-radius:10px;background:#fff;}
.short .hover_txt .elli{height:78px;font-size: 13px;}
.short .hover_txt.active{z-index:1;display: block;}
/* 검색결과 일치도 */
.accuracy span{font-size: 14px;color:#707070;}
.accuracy .per{display: block;margin-bottom:6px;font-size:14px;font-weight: 400;}
.fileType{display:inline-block;margin-left:10px;}
.fileType button{border-radius: 50%;vertical-align: sub;}
/* 발간자료 */
.short.publication{padding:22px 18px;}
.short.publication .info{min-height:84px;}
.publication .accuracy .per{margin-bottom: 0;}
/* 홈페이지 */
.short.homepage .info{width:100%}
.short.homepage .info::after{width:0;height:0;background-color:transparent}
.iss_attachment  .download{display: block;}
.iss_attachment .file_name{vertical-align: super;color:#5d5d5d;}
.iss_navi{display: flex;margin-top:16px;color:#595959;}
.iss_navi span{position:relative;}
.iss_navi span + span{margin-left:10px;padding-left:10px;}
.iss_navi span + span::after{content:'';display:block;position:absolute;top:4px;left:0;width:1px;height:12px;background-color:#ddd;}
.iss_navi .here{font-weight:900;color:#000;}
.iss_navi .iss_date{margin-left:auto}
.iss_navi .iss_date::after{width:0;height:0;background-color: transparent;}
.result_show{margin-top:30px;padding:33px;font-size:14px;background:#f3f3f3;color:#808080}
.result_show strong{color:#000}
.result_show a{display: block;width:100px;height:30px;margin-top:20px;line-height:26px;text-align: center;color:#776d5d;}
.result_link{display: block;text-align: right;text-decoration: underline;}
/* 통합검색 */
.short_wrap.total{float:none;width:100%;padding-bottom:20px;}

/* 컨텐츠 사이드 영역 */
.short_side{float:right;width:308px;height:100%;padding:14px 20px;background-color: #fff;}
.short_side .tit2{margin-bottom:18px;font-size:16px;}
.short_side .tit2 strong{font-size:16px;color:#911b2b}
.short_side .tit{margin-bottom:18px;font-size:20px;color:#555}
.short_side .tit strong{font-size:28px;color:#000}
.short_side .tit em{font-size:20px;font-weight:900;color:#ad0017;}
.short_side .b-more{position: absolute;bottom:0;right:0;height:23px;}
/* .short_side .check-area{margin-top:32px;} */

.tab_gra{border-bottom:1px solid #ddd;}
.tab_gra .ttit li{width:50%;}
.tab_gra .ttit li span{font-size: 16px;}
.tab_gra .tcont .cont{height:100%;}
.tab_gra .tcont .nocontents{position:relative;top:50%;left:50%;width:200px;transform:translate(-50%, -50%);text-align: center;font-size:13px;font-weight:900;color:#ad0017;}
.tab_gra .tcont .nocontents p{margin-top:20px;}
.pc_only .chklist{margin-top:6px;padding-top:4px;border-top:1px solid #ddd;}
/* 옵션선택 PC용 */
.check_type {padding:6px 0;border-bottom:1px solid #ddd;}
.check_type:first-child {border-top:1px solid #ddd;}
.check_type .b_tit{font-size: 16px;font-weight:900;color:#444;}
.cont .b-more{position:absolute;bottom:0;right:0;background-color: #fff;}
.b-toggle{display: flex;width:100%;padding:0 10px;}
.b-toggle .i_toggle{margin-left:auto;margin-top:4px;}
.chklist.down ul{padding-bottom:26px;}
.chklist li{margin:4px 0;}
.down.close{display:none;}
.down.open{display:block;}
/* 컨텐츠 사이드 영역팝업 */
.dim_popup{display: none;position: fixed;top:0;left:0;width:100%;height: 100%;background-color:rgba(0,0,0,.3);}
.dim_popup.show{z-index:8;display: block;}
.pop-up{z-index:0;display: none;position:fixed;top:50%;left:50%;transform: translate(-50%, -50%);}
.pop-up.show{z-index:10;display: block;}
.pop_box{position:relative;min-width:437px;width:1000px;margin:0 auto;background:#444}
.pop_box .popup_tit{padding:12px 30px;font-size:20px;background-color:#776d5d;color:#fff;}
.pop_box .popup_cont{padding:30px;background-color:#fff;}
.pop_box .b_download{position:absolute;top:0;right:0;}
/* 워드 클라우드 탭 */
.pop_box .cont{margin-top:20px;}
.pop_box .ttit li{width:50%;font-size:16px;}
.pop_box .graph{height: 504px;}
/* 문서트렌드 탭 */
.pop_box .bor{height:504px;border:1px solid #ddd;}
.pop_box .gttit{display:flex;margin:20px 0 0 20px}
.pop_box .gttit li{width:68px;line-height:30px;text-align:center;border:1px solid #aea295; border-radius:5px;color:#776d5d;cursor: pointer;}
.pop_box .gttit li + li{margin-left:5px;}
.pop_box .gttit li.active{background:#ada193;color:#fff;}
/* .pop_box .gtcont{height: 472px;} */
.pop_box .gtcont .cont{margin-top:0;}
.pop_box .gtcont .graph{height:450px;}
.pop_box .gtcont .b_download{top:-52px;}
.b_close{position: absolute;top:15px;right:30px;width:30px;height: 30px;}
#popUpHelp .scroll{overflow-y: auto;height:400px;border-bottom: 2px solid #ececec;}
/* 컨텐츠 영역 :상단 필터 */
.filter{padding-bottom:6px;border-bottom: 1px solid #dcdcdc;}
.filter::after{display: block;content: '';clear: both;height:0;}
.filter_type {float:left;margin:6px 0;}
.filter_type ul li{position:relative;display:inline-block;margin-right:22px;}
.filter_type ul li button{font-size: 13px;}
.filter_type ul li .icon_down_long,
.filter_type ul li .icon_up_long{display: none;}
.filter_type ul li.active{padding-left:20px;}
.filter_type ul li.active .icon_down_long,
.filter_type ul li.active .icon_up_long{display:inline-block;margin-left:3px;}
.filter_type ul li.active::after{content: '';position:absolute;top:2px;left:5px;display:block;width: 5px;height: 10px;border: solid #ad0017;border-width: 0 2px 2px 0;transform: rotate(45deg);}
.filter_type ul li.active button{font-weight:900;color:#ad0017}
.filter_cnt{float:right;}
/* 검색결과 리스트 */
.totle_tit{display: flex;padding-bottom:6px;border-bottom:1px solid #ddd;}
.totle_tit strong{font-size:18px;}
.totle_tit em{color:#ad0017}
.totle_tit .link_more{margin-left:auto;width:92px;height:30px;padding:4px 0;text-align:center;border:1px solid #bbc6d4;background-color:#f4f4f4;color:#444;}

.total_txt{padding-top:20px;font-size:20px;text-align: center;}
.total_txt span{display: block;}
.keyword{border-bottom:1px solid #ad0017;font-weight:900;color:#ad0017}
.total_count{font-weight:900;color:#ff5400;}

/* 검색 결과 없음 */
.noresult{position:relative;padding:20px 0;border-top:1px solid #ebe5e1;background:#f7f4f2;}
.noresult .no_inner{display:table;width:1200px;margin:0 auto;height:546px;padding:20px;border:1px solid #ebe5e1;background:#fff url('../images/bg_flower.jpg') no-repeat center;}
.noresult_tx{display:table-cell;vertical-align:middle;text-align: center;}
.noresult_tx .red{margin-top:12px;font-size:24px;font-weight:700;color:#ad0017}
.noresult_tx .blk{font-size:16px;}
/* 로딩중 */
.loading{padding:180px 0 220px 0;text-align: center;}
.loading p{font-size: 16px;font-weight:500;}
.tcont .graph .loading p{font-size: 13px;}
.animation_box .animation{display: inline-block;width:18px;height: 18px; border-radius:50%;background-color: #911b2b;
    -webkit-animation: loading 1.4s infinite ease-in-out;
    animation: loading 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;}
.animation_box .ani1{-webkit-animation-delay: -0.32s;animation-delay: -0.32s;}
.animation_box .ani2{-webkit-animation-delay: -0.16s;animation-delay: -0.16s;}
.animation_loading{margin:10px 0;}
.animation_loading span{opacity:1;font-size:20px;font-weight:900;line-height:13px;color:#ad0017;}

@-webkit-keyframes loading{
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-moz-keyframes loading{
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes loading{
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/* 관련키워드 영역 추가 - 20221011 */
.keywordArea {padding:10px; background:#f7f4f2; border:1px solid #d9cebc; border-radius:3px; margin-top:5px;}
.keywordArea p {color:#999; font-size:13px;}


/* 본문 분포도 및 바로가기 추가 - 20221011 */
.specArea {margin-left:26px; top:0px; z-index:999;}
/* .specArea .bar {height:20px; background:#EEE; position:relative;} */
.specArea .bar {height:20px; background:#f6f6f6; position:relative;}
.w-100 {width:100%;}

/* .line1 {background:#ffcd3f; display:block;}
.line2 {background:#c58991;  display:block;} */
.line1 {background:#f1d4d8; display:block;}
.line2 {background:#e3e3e3;  display:block;}

.lh1 {height:1px; margin-bottom:1px; position:absolute; left:0;} 
.lh2 {height:2px; margin-bottom:1px; position:absolute; left:0;} 
.lh3 {height:3px; margin-bottom:1px; position:absolute; left:0;} 
.lh4 {height:4px; margin-bottom:1px; position:absolute; left:0;} 
.lh5 {height:5px; margin-bottom:1px; position:absolute; left:0;} 
.lh6 {height:6px; margin-bottom:1px; position:absolute; left:0;} 
.lh7 {height:7px; margin-bottom:1px; position:absolute; left:0;} 
.lh8 {height:8px; margin-bottom:1px; position:absolute; left:0;} 
.lh9 {height:9px; margin-bottom:1px; position:absolute; left:0;}

.lw1 {width:1px; margin-right:1px; position:absolute; top:0;} 
.lw2 {width:2px; margin-right:1px; position:absolute; top:0;} 
.lw3 {width:3px; margin-right:1px; position:absolute; top:0;} 
.lw4 {width:4px; margin-right:1px; position:absolute; top:0;} 
.lw5 {width:5px; margin-right:1px; position:absolute; top:0;} 
.lw6 {width:6px; margin-right:1px; position:absolute; top:0;} 
.lw7 {width:7px; margin-right:1px; position:absolute; top:0;} 
.lw8 {width:8px; margin-right:1px; position:absolute; top:0;} 
.lw9 {width:9px; margin-right:1px; position:absolute; top:0;} 

.highlight1 {background-color:#f1d4d8}
.highlight2 {background-color:#e3e3e3;}

.keyArea {padding:15px 10px 10px 10px; background:#FFF;}
.keyArea .btn {display:inline-block; padding:0; margin:0 10px 5px 0;}

@media screen and (max-width: 739px) {
.specArea {margin-left:0; top:0;}
.keyArea {padding:41px 10px 10px 10px;}
}