@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

*,body,html {
    font-family: Pretender, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Not Sans KR', 'Mailgun Gothic', sans-serif;
}
.d-none{display: none!important;}
.bgc_fff{background-color:#fff!important;}
.section-chart{display: flex;flex-direction: row; flex-wrap: wrap;max-width: 1200px;width:100%;margin: 0 auto;justify-content:space-between; }
.section-chart > div {margin: 20px 0 0;padding: 20px;}

.section-chart .card {position: relative; background: #f8f8f8;height: 500px;/*background-color:rgb(236, 215, 215);*/overflow: hidden;
    box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);background-clip: border-box;
    -webkit-transition: all .3s ease-in-out,background 0s,color 0s,border-color 0s;
    transition: all .3s ease-in-out,background 0s,color 0s,border-color 0s;}
{#.card > div {background: #fff;}#}

.section-chart .card.card01{width:55%; }
/* .section-chart .card.card02{width:35%;height: 500px;  display: flex;flex-wrap:wrap;justify-content: space-between;}
.section-chart .card.card03{width:65%;height: 500px; display: flex;} */
.section-chart .card.card04{width:37%; height: 500px; }
.chart-overlay{background: #000;opacity: 0.2;z-index: 99999;}

.contents{height: 100%;}
{#.contents.con06{height:calc(100% - 50px);}#}
.contents.con01{width:100%;}
.contents.con02{width: 220px;display: flex;align-items: center; justify-content: space-between;}
.contents.con03{display: flex; width: 100%;height: fit-content;flex-wrap: wrap; margin:35px 0 0; }
.contents.con04,.contents.con05{width:49%;height:100%; max-height: 350px; overflow-y: scroll;}
.contents.temporary {background: #fff;}

.main_table p{font-size: 14px;}
.contents.con03 .keyword{border: 1px solid #eee;display: flex;justify-content: center;align-items: center;width:fit-content;max-width:150px;margin: 5px;padding: 8px 15px;cursor: pointer;
    /*box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);*/background-clip: border-box;border-radius: 4.428rem;
    -webkit-transition: all .3s ease-in-out,background 0s,color 0s,border-color 0s;
    transition: all .3s ease-in-out,background 0s,color 0s,border-color 0s;}
.contents.con03 li.keyword:hover{
     -webkit-transform: translateX(2px);
    -ms-transform: translateX(2px);
    transform: translateX(2px);
}
.contents.con03 .keyword.on {border: 2px solid #a50b38;/*box-shadow: 0 4px 24px 0 rgb(190 6 6 / 24%);*/}

.keyword .keyword_tit{width: 80%;font-size: 17px;font-weight: 700;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;}
.keyword .keyword_num{font-size: 14px;margin-left: 15px;}
.keyword_tit a{color:inherit;}
.keyword_tit a:hover{cursor: pointer;text-decoration: underline;}

.section-title:before{    content: '';
    background: url(/static/images/icon_bullet.jpg) no-repeat 50%;
    width: 16px;
    height: 16px;
    padding-left: 17px;
    margin-right: 8px;}
.section-title.detail{position: sticky;top:0;background: #f8f8f8; display: block;font-size: 17px;font-weight:600;}

table.main_table {text-align:center;font-size:15px; border-collapse: collapse;
       /*border-top: 2px solid #a91539; border-bottom: 2px solid #313131; */width: 100%; box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);background-clip: border-box;border-radius: .428rem;
    -webkit-transition: all .3s ease-in-out,background 0s,color 0s,border-color 0s;
    transition: all .3s ease-in-out,background 0s,color 0s,border-color 0s;border-radius: .428rem;overflow: hidden;
}
.main_table .d-none,.recent_table .d-none{display: none;}
.recent_table a{color:inherit;text-decoration: none;display: -webkit-box; -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;text-overflow: ellipsis; height: 100%;}

.main_table a{color:inherit;text-decoration: none;}
.main_table a:hover,.recent_table a:hover{text-decoration: underline;}
.main_table .t_title,.recent_table .t_title {padding: 10px;background: #F3F2F7;}
.t_title2{text-align: left;}

ul.main_table li{
    -webkit-transition: all .3s ease-in-out,background 0s,color 0s,border-color 0s;
    transition: all .3s ease-in-out,background 0s,color 0s,border-color 0s;}
ul.main_table li:hover{    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);}


table.main_table th{border-bottom: 1px solid #2c2a2a;padding: 3px;}
table.main_table tr{/*border-top: 1px solid #bdb2b2;*/border-bottom:1px solid #EBE9F1;}
table.main_table tr:hover{background: #f5f5f5;}
table.main_table td, .recent_table li{display: inline-block; width: 100%;padding:5px;text-align: left;overflow:hidden;text-overflow:ellipsis;}
.main_table li .t-date,.recent_table p.t-date{font-size: 12px;color: #7c868e;}

.main_table li {
    border: 1px solid #eee;
    margin: 10px 0;
    padding: 10px;
    -webkit-transition: all .3s ease-in-out,background 0s,color 0s,border-color 0s;
    transition: all .3s ease-in-out,background 0s,color 0s,border-color 0s;
    border: 1px solid #EBE9F1;
    border-radius: .428rem;
    padding: 20px;
    background: #fff;
}
table.main_table a:hover,.recent_table a:hover{text-decoration: underline;}

.recent_table {
    text-align: center;
    font-size: 15px;
    border-collapse: collapse;
    width: 100%;
    background-clip: border-box;
    -webkit-transition: all .3s ease-in-out,background 0s,color 0s,border-color 0s;
    transition: all .3s ease-in-out,background 0s,color 0s,border-color 0s;
   }
/*.main_table.recent li{    border-bottom: 1px solid #EBE9F1;}*/
.recent_table li{box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%); -webkit-transition: all .3s ease-in-out,background 0s,color 0s,border-color 0s;
    transition: all .3s ease-in-out,background 0s,color 0s,border-color 0s;border: 1px solid #EBE9F1;margin:4px 0;border-radius: .428rem;padding: 14px;}
.recent_table p{overflow: hidden;}

.main_table.recent td{box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);}

.section-title.chart {
    position: absolute;
    z-index: 99;
    display: block;
    margin-bottom: 24px;
    font-size: 17px;
    font-weight: 500;
    color: #000;
    background: #f8f8f8;
}
.section-title.chart:before {
    content: '';
    background: url(/static/images/icon_bullet.jpg) no-repeat 50%;
    width: 16px;
    height: 16px;
    padding-left: 17px;
    margin-right: 8px;}

.selected_tree{position: absolute; right: 0;top:0; display: flex;width: 100%;max-width: fit-content;padding: 8px;background:#a5585c;}
.selected_tree:after {content: '선택된 항목';position: absolute;bottom: -24px;right: 12px;color:#a5585c;font-weight: 600;font-size:15px;}
.selected_tree p {-webkit-transition: all 15s ease-in-out;transition:all 15s ease-out;background: #fff;border-radius: 28px;border: 1px solid #eee;padding: 10px; margin: 0 8px;transition-delay: 5s;}


@media screen and (max-device-width: 480px){
    body{-webkit-text-size-adjust: none;}
}
@media all and (min-width:1441px){}
@media all and (max-width: 1279px) {
    .section-chart .card.card01{width:46%;}
   /* .section-chart .card.card02{width:42%;} */
    .section-chart .card.card04{width:46%;}
}
@media all and (min-width:1097px){}

@media all and (min-width: 770px) and (max-width:870px){}
@media all and (max-width:870px){
    /*.card.card03,.card.card04 {width: 50%;}*/
    /*.section-chart{padding:15px;}*/
    /*.card.card03{flex-direction: column;}*/
    .section-chart .card.card03 .contents.con01 > div {width:350px!important;}

    .section-chart .card.card01{width:52%;}
    .section-chart .card.card04{width:36%;}
    .contents.con02{width: 100%;}
    .recent_table{width:;display: flex;}
    .section-chart .card{width:100%!important; margin: 10px;}

}

/*모바일, 태블릿 769px 이하 */
@media all and (max-width:769px){
    /*.section-chart{flex-direction: column;}*/

    .section-chart .card.card01{width:100%;}
    .section-chart .card.card02{width:100%; display: flex;flex-wrap:wrap;}
    .section-chart .card.card03{width:100%;display: flex; /*flex-direction: column;*/}
    .section-chart .card.card04{width:100%;}
    .card.card03 .contents.con01 > div{height:350px!important;}
}
/* 공통 Table resposive*/
@media all and (max-width: 737px){
    .res-none{display: none!important;}
    #patent_table.tblboardlist tbody tr{display: inline-block;width: 100%;box-sizing: border-box;position: relative;border-bottom:1px solid #e6e6e6!important;}
    #patent_table.tblboardlist tbody tr td{text-align: left;padding: 0 0 15px 0;float:left;box-sizing: content-box; color: #898989;}
    #patent_table.tblboardlist tbody tr td.small:after{border-left: 1px solid #cbcbcb;
    content: '';
    height: 13px;
    vertical-align: middle;
    float: right;
    margin-top: 4px;
    margin-right: 8px;
    margin-left: 8px;}
    #patent_table.tblboardlist tbody tr td.title{width:100%;padding-top:10px;}
    #patent_table.tblboardlist tbody tr td.title a.textlink{font-size:15.5px;}
    #patent_table.tblboardlist tbody tr td:last-child{}


}
/*모바일 - S 작은 화면*/
@media all and (max-width:564px){}
/*모바일 - XS 화면*/
@media all and (max-width:497px){}